.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell main{flex:1;width:min(var(--container),100% - var(--space-6));margin-inline:auto;padding-block:var(--space-5) var(--space-7)}.app-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30;box-shadow:var(--shadow-sm)}.app-nav .inner{width:min(var(--container),100% - var(--space-6));margin-inline:auto;padding-block:var(--space-3);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.app-nav .brand{display:inline-flex;align-items:center;color:var(--color-text);text-decoration:none;line-height:0}.app-nav .brand:hover{text-decoration:none}.app-nav .brand img{display:block;height:48px;width:auto}.app-nav .nav-links{display:flex;gap:var(--space-1);align-items:center;flex:1;flex-wrap:wrap}.app-nav .nav-links a{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--r);color:var(--color-text-muted);font-weight:500;font-size:var(--text-sm);text-decoration:none;transition:background var(--duration-fast) var(--easing),color var(--duration-fast) var(--easing)}.app-nav .nav-links a:hover,.app-nav .nav-links a:focus-visible{color:var(--color-text);background:var(--color-surface-2);text-decoration:none}.app-nav .nav-links a.active{color:var(--color-primary);background:var(--color-primary-soft)}.app-nav .nav-controls{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:720px){.app-nav .inner{gap:var(--space-2)}.app-nav .brand img{height:36px}}.lang-switch{display:inline-flex;align-items:center;margin:0}.lang-switch select{width:auto;padding:var(--space-2) calc(var(--space-3) + 14px) var(--space-2) var(--space-3);font:inherit;font-weight:600;font-size:var(--text-sm);letter-spacing:.03em;background-color:var(--color-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'><path d='M2 4.5l4 4 4-4' stroke='%23475569' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right var(--space-2) center;border-color:var(--color-border-strong);color:var(--color-text);appearance:none;-webkit-appearance:none;cursor:pointer}.lang-switch select:hover{border-color:var(--color-text-subtle)}.global-search{position:relative;width:clamp(180px,28vw,320px)}.global-search input{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.global-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r);box-shadow:var(--shadow-md);z-index:50;max-height:60vh;overflow-y:auto}.global-search-empty{padding:var(--space-2) var(--space-3);color:var(--color-text-muted)}.global-search-section{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-2);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.global-search-section:first-child{border-top:none}.global-search-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border)}.global-search-item:last-child{border-bottom:none}.global-search-item:hover,.global-search-item:focus-visible{background:var(--color-surface-2);text-decoration:none}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-weekday{text-align:center;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-1) 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{border:1px solid var(--color-border);border-radius:var(--r);padding:var(--space-2);min-height:92px;background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-1)}.cal-cell--out{background:var(--color-surface-2);color:var(--color-text-muted)}.cal-cell--today{outline:2px solid var(--color-primary);outline-offset:-2px}.cal-date{font-size:var(--text-sm)}.cal-pills{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.cal-pill{display:block;padding:2px 6px;border-radius:3px;font-size:.72rem;color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--color-surface-2)}.cal-pill:hover{text-decoration:none}.cal-pill--info{background:var(--color-info-soft)}.cal-pill--danger{background:var(--color-danger-soft)}.cal-pill--success{background:var(--color-success-soft)}.cal-pill--warning{background:var(--color-warning-soft)}.hero{max-width:60ch;padding-block:var(--space-6) var(--space-5)}.hero h1{font-size:clamp(2rem,4vw,var(--text-3xl));letter-spacing:-.02em;margin-bottom:var(--space-4)}.hero-sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.6}.auth-shell{max-width:440px;margin-inline:auto}.auth-shell h1{margin-bottom:var(--space-4)}.auth-shell .form-link{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-shell .form-link a{color:var(--color-primary)}:root{--color-bg: #f6f7fb;--color-surface: #ffffff;--color-surface-2: #f1f3f7;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #64748b;--color-border: #e2e8f0;--color-border-strong:#cbd5e1;--color-primary: #1f6feb;--color-primary-hover:#1858c4;--color-primary-soft: #e6efff;--color-on-primary: #ffffff;--color-danger: #c62828;--color-danger-soft: #fde2e2;--color-success: #16794f;--color-success-hover:#0f5a3a;--color-success-soft: #dcf3df;--color-warning: #b45309;--color-warning-soft: #fff5d6;--color-info-soft: #dbeafe;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--r-sm: 4px;--r: 8px;--r-lg: 12px;--r-pill:999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 6px 16px rgba(15, 23, 42, .08);--duration-fast: .12s;--easing: cubic-bezier(.22, 1, .36, 1);--container: 1180px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:var(--text-base)}h1,h2,h3,h4{margin:0 0 var(--space-3);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--color-text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}p{margin:0 0 var(--space-3)}small{font-size:var(--text-sm);color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none;border-radius:var(--r-sm)}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;left:var(--space-3);top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-on-primary);border-radius:var(--r);text-decoration:none;font-weight:600;transform:translateY(-200%);transition:transform var(--duration-fast) var(--easing);z-index:100}.skip-link:focus{transform:translateY(0)}label{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}input,select,textarea{font:inherit;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--r);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--easing),box-shadow var(--duration-fast) var(--easing)}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}input:hover,select:hover,textarea:hover{border-color:var(--color-text-subtle)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}input[type=checkbox],input[type=radio]{width:auto}textarea{min-height:5rem;resize:vertical}.form-row{margin-bottom:var(--space-3)}.field-help{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.field-error{font-size:var(--text-sm);color:var(--color-danger);margin-top:var(--space-1)}button,.btn{display:inline-flex;align-items:center;gap:var(--space-2);font:inherit;font-weight:500;cursor:pointer;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);border-radius:var(--r);transition:background var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing),color var(--duration-fast) var(--easing);white-space:nowrap;text-decoration:none}button:hover,.btn:hover{background:var(--color-surface-2);border-color:var(--color-text-subtle)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}button.primary,.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}button.primary:hover,.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--color-surface-2);border-color:transparent}button.success,.btn-success{background:var(--color-success);color:var(--color-on-primary);border-color:var(--color-success)}button.success:hover,.btn-success:hover{background:var(--color-success-hover);border-color:var(--color-success-hover)}.btn-danger{color:var(--color-danger);border-color:var(--color-border)}.btn-danger:hover{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-icon{padding:var(--space-1) var(--space-2)}table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}table th,table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}table th{background:var(--color-surface-2);font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}table tr:last-child td{border-bottom:none}table tbody tr[role=button],table.clickable tbody tr{cursor:pointer}table tbody tr:hover{background:var(--color-surface-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.card-header h2,.card-header h3{margin:0;flex:1;font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;padding:.1rem var(--space-2);border-radius:var(--r-pill);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge-info{background:var(--color-info-soft);color:#1e3a8a}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-neutral{background:var(--color-surface-2);color:var(--color-text-muted)}.stack>*+*{margin-top:var(--space-3)}.stack-lg>*+*{margin-top:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.row-tight{gap:var(--space-1)}.row-wide{justify-content:space-between}.row>.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.dl-grid{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-5);margin:var(--space-4) 0}.dl-grid dt{color:var(--color-text-muted);font-size:var(--text-sm)}.dl-grid dd{margin:0}.empty{color:var(--color-text-muted);margin:0}.card-list{list-style:none;padding:0;margin:0}.card-list-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.card-list-item:first-child{border-top:none}.card-list-body{flex:1;min-width:0}.card-list-title{display:block;color:var(--color-text);font-weight:600;text-decoration:none}.card-list-title:hover{text-decoration:underline}.timeline{list-style:none;padding:0;margin:0}.timeline>li{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r);margin-bottom:var(--space-2);box-shadow:var(--shadow-sm)}.timeline>li:hover{border-color:var(--color-border-strong)}.muted{color:var(--color-text-muted)}.muted-sm{color:var(--color-text-muted);font-size:var(--text-sm)}.page-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.page-head h1{margin:0;flex:1}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.share-box{padding:var(--space-3);background:var(--color-surface-2);border:1px dashed var(--color-border-strong);border-radius:var(--r)}.share-box small{display:block;margin-top:var(--space-2)}.dropzone{padding:var(--space-4);border:2px dashed var(--color-border-strong);border-radius:var(--r);background:var(--color-surface-2);text-align:center;color:var(--color-text-muted)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2);margin-top:var(--space-3);list-style:none;padding:0}.gallery figure{margin:0;border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;background:var(--color-surface)}.gallery img{width:100%;display:block}.gallery figcaption{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-2);border-top:1px solid var(--color-border)}.gallery figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}