:root{--bg-main: #F8F5EE;--surface-main: #FFFDFA;--surface-secondary: #F0EADF;--text-primary: #211F1B;--text-secondary: #625D55;--brand-forest: #294638;--brand-terracotta: #B34827;--border-warm: #E4D8C6;--color-success: #246645;--color-success-light:#E7F2EB;--color-warning: #B45309;--color-warning-light:#FEF3C7;--color-error: #991B1B;--color-error-light: #FEE2E2;--cream: var(--bg-main);--cream-sunken: var(--surface-secondary);--surface: var(--surface-main);--ink: var(--text-primary);--body: var(--text-primary);--muted: var(--text-secondary);--line: var(--border-warm);--forest: var(--brand-forest);--forest-light: var(--color-success-light);--terracotta: var(--brand-terracotta);--terracotta-strong: #963B1D;--terracotta-light: #FBEAE4;--danger: var(--color-error);--danger-light: var(--color-error-light);--success: var(--color-success);--success-light: var(--color-success-light);--warning: var(--color-warning);--warning-light: var(--color-warning-light);--font-serif: "Newsreader", "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-sans: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 2.875rem;--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(33, 31, 27, .04);--shadow-md: 0 4px 12px rgba(33, 31, 27, .06);--shadow-lg: 0 8px 24px rgba(33, 31, 27, .08);--shadow-xl: 0 12px 36px rgba(33, 31, 27, .1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-normal: .2s;--dur-slow: .35s;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-drawer: 350;--z-modal: 400;--z-toast: 500;--z-command: 600;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-max: 1320px;--header-h: 64px;--header-h-mobile: 60px;--ticker-h: 38px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--body);background-color:var(--cream);min-height:100vh;overflow-x:hidden;width:100%}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:calc(var(--z-command) + 1);padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--cream);font-weight:var(--fw-semi);border-radius:var(--radius-sm);text-decoration:none;transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--ink);line-height:1.2;font-weight:var(--fw-bold)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--body)}a{color:var(--terracotta-strong);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--terracotta)}a:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px;border-radius:2px}img,video,svg{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px}:focus:not(:focus-visible){outline:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 768px){.container{padding:0 var(--space-8)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cream-sunken)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--fw-semi);line-height:1.4;border-radius:var(--radius-md);transition:all var(--dur-normal) var(--ease-out);min-height:44px;min-width:44px;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}.btn-primary{background:var(--terracotta);color:var(--cream)}.btn-primary:hover{background:var(--terracotta-strong)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--cream);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:var(--cream-sunken);border-color:var(--muted)}.btn-ghost{background:transparent;color:var(--body)}.btn-ghost:hover{background:var(--cream-sunken)}.btn-forest{background:var(--forest);color:var(--cream)}.btn-forest:hover{background:#234038}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:32px;border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base);min-height:52px;border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-group{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-md);overflow-x:auto;max-width:100%;scrollbar-width:none;background:var(--cream);flex-shrink:0;-webkit-overflow-scrolling:touch}.btn-group::-webkit-scrollbar{display:none}.btn-group .btn{border-radius:0;border:none;border-right:1px solid var(--line);background:var(--cream);color:var(--body);padding:var(--space-2) var(--space-4);min-height:38px;font-size:var(--text-xs);flex-shrink:0}.btn-group .btn:last-child{border-right:none}.btn-group .btn:hover{background:var(--cream-sunken);color:var(--ink)}.btn-group .btn.active{background:var(--ink);color:var(--cream);font-weight:var(--fw-semi)}.campus-dock{display:flex;gap:var(--space-2);overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.campus-dock::-webkit-scrollbar{height:5px}.campus-dock::-webkit-scrollbar-track{background:var(--cream-sunken);border-radius:var(--radius-full)}.campus-dock::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-full)}.campus-dock::-webkit-scrollbar-thumb:hover{background:var(--muted)}.campus-dock-btn{flex-shrink:0!important;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semi);padding:6px 16px;min-height:34px;min-width:auto;white-space:nowrap;background:var(--cream);color:var(--body);border:1px solid var(--line);transition:all var(--dur-fast) var(--ease-out);cursor:pointer}.campus-dock-btn:hover{background:var(--cream-sunken);border-color:var(--muted);color:var(--ink)}.campus-dock-btn.active{background:var(--ink)!important;color:var(--cream)!important;border-color:var(--ink)!important;box-shadow:var(--shadow-sm)}.channel-dock{display:flex;gap:var(--space-2);overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.channel-dock::-webkit-scrollbar{display:none}.btn-channel{flex-shrink:0!important;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium);padding:6px 16px;min-height:34px;min-width:auto;white-space:nowrap;background:var(--cream);color:var(--body);border:1px solid var(--line);transition:all var(--dur-fast) var(--ease-out);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-channel:hover{background:var(--cream-sunken);border-color:var(--muted);color:var(--ink)}.btn-channel.active{background:var(--ink)!important;color:var(--cream)!important;border-color:var(--ink)!important}.pass-banner{background:var(--ink);color:var(--cream);padding:var(--space-8);border:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--space-8);border-radius:var(--radius-2xl)}@media (min-width: 768px){.pass-banner{flex-direction:row;padding:var(--space-10)}}.card{background:var(--surface-main);border:1px solid var(--border-warm);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--muted)}.card-flat{background:var(--surface-secondary);border:1px solid var(--border-warm);border-radius:var(--radius-lg);padding:var(--space-6)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-semi);border-radius:var(--radius-full);line-height:1.4;letter-spacing:.02em}.badge-terracotta{background:var(--terracotta-light);color:var(--terracotta-strong);border:1px solid rgba(179,72,39,.2)}.badge-forest{background:var(--forest-light);color:var(--forest);border:1px solid rgba(41,70,56,.2)}.badge-muted{background:var(--surface-secondary);color:var(--muted);border:1px solid var(--border-warm)}.badge-danger{background:var(--danger-light);color:var(--danger);border:1px solid rgba(153,27,27,.2)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-main);border:1px solid var(--border-warm);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);min-height:44px}.form-input:hover{border-color:var(--muted)}.form-input:focus{border-color:var(--brand-terracotta);box-shadow:0 0 0 3px var(--terracotta-light);outline:none}.form-input::placeholder{color:var(--muted)}textarea.form-input{resize:vertical;min-height:100px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23625D55' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--muted)}.form-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#211f1b8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity var(--dur-normal) var(--ease-out),visibility var(--dur-normal) var(--ease-out)}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto;overflow-y:auto}.modal-content{background:var(--surface-main);border:1px solid var(--border-warm);border-radius:var(--radius-xl);padding:var(--space-5);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);box-sizing:border-box;transform:translateY(20px) scale(.97);transition:transform var(--dur-slow) var(--ease-out)}@media (min-width: 640px){.modal-content{padding:var(--space-8)}}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.toast-container{position:fixed;top:calc(var(--header-h) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--cream);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-out) forwards}.toast.toast-out{animation:toast-out var(--dur-normal) var(--ease-in) forwards}.toast-success{border-left:3px solid var(--forest)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--terracotta)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.skeleton{background:linear-gradient(90deg,var(--cream-sunken) 25%,var(--line) 50%,var(--cream-sunken) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:var(--space-2);width:80%}.skeleton-text:last-child{width:60%}.skeleton-heading{height:24px;width:50%;margin-bottom:var(--space-4)}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--muted)}.empty-state svg{margin:0 auto var(--space-4);width:64px;height:64px;opacity:.5}.empty-state h3{color:var(--ink);margin-bottom:var(--space-2)}.empty-state p{color:var(--muted);max-width:360px;margin:0 auto var(--space-6)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);min-height:44px}.tab:hover{color:var(--ink)}.tab.active{color:var(--terracotta-strong);border-bottom-color:var(--terracotta)}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:var(--space-1)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:220px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur-fast) var(--ease-out),visibility var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--body);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out);min-height:40px;width:100%;text-align:left}.dropdown-item:hover{background:var(--cream-sunken)}.dropdown-sep{height:1px;background:var(--line);margin:var(--space-2) 0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--terracotta-light);color:var(--terracotta-strong);font-weight:var(--fw-bold);font-size:var(--text-sm);overflow:hidden;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar img{width:100%;height:100%;object-fit:cover}.divider{border:none;border-top:1px solid var(--line);margin:var(--space-6) 0}.grid{display:grid;gap:var(--space-6)}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.demo-marker{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:10px;font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--cream-sunken);border:1px dashed var(--line);border-radius:var(--radius-sm)}.notif-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--terracotta);border:2px solid var(--cream)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-main);border-bottom:1px solid var(--border-warm);height:var(--header-h);transition:height var(--dur-normal) var(--ease-out)}@media (max-width: 767px){.site-header{height:var(--header-h-mobile)}}.system-banner{background:var(--text-primary);color:var(--bg-main);font-size:var(--text-xs);padding:6px var(--space-4);border-bottom:1px solid rgba(248,245,238,.15)}.system-banner.setup-banner{background:var(--surface-secondary);color:var(--text-primary);border-bottom:2px solid var(--brand-terracotta)}.banner-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.banner-message{display:flex;align-items:center;gap:var(--space-2)}.banner-badge{display:inline-flex;align-items:center;gap:4px;background:#b3482733;color:var(--terracotta-light);border:1px solid var(--brand-terracotta);border-radius:var(--radius-full);padding:2px 8px;font-weight:var(--fw-bold);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.banner-badge-danger{background:var(--brand-terracotta);color:var(--bg-main);border-color:var(--brand-terracotta)}.banner-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-outline-cream{background:transparent;color:var(--bg-main);border:1px solid rgba(248,245,238,.4);padding:2px 8px;font-size:11px;border-radius:var(--radius-sm);cursor:pointer}.btn-outline-cream:hover{background:#f8f5ee26;color:var(--bg-main)}.banner-link{color:var(--bg-main);text-decoration:underline;font-weight:500;font-size:11px}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4);gap:var(--space-3)}@media (min-width: 768px){.header-inner{padding:0 var(--space-8)}}.logo{display:flex;align-items:baseline;gap:var(--space-2);text-decoration:none;flex-shrink:0;outline:none}.logo-name{font-family:var(--font-serif);font-size:clamp(1.35rem,3.5vw,1.6rem);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:-.02em}.logo-sub{font-size:var(--text-xs);color:var(--text-secondary);display:none;font-family:var(--font-sans);letter-spacing:.01em}@media (min-width: 840px){.logo-sub{display:inline}}.main-nav{display:none;align-items:center;gap:var(--space-1)}@media (min-width: 1024px){.main-nav{display:flex}}.nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);min-height:40px;white-space:nowrap}.nav-link:hover{color:var(--brand-terracotta);background:var(--surface-secondary)}.nav-link.active{color:var(--brand-terracotta);font-weight:var(--fw-semi)}.nav-link svg{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out)}.dropdown.open .nav-link svg{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.search-trigger{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-secondary);border:1px solid var(--border-warm);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);min-height:40px}.search-trigger:hover{border-color:var(--brand-terracotta);background:var(--surface-main);color:var(--text-primary)}.search-trigger kbd{font-size:10px;padding:2px 6px;background:var(--surface-main);border:1px solid var(--border-warm);border-radius:4px;font-family:var(--font-mono);margin-left:var(--space-3);font-weight:600}@media (min-width: 860px){.search-trigger{display:flex}}.notif-btn{position:relative;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-primary);transition:background var(--dur-fast) var(--ease-out)}@media (min-width: 1024px){.notif-btn{display:flex}}.notif-btn:hover{background:var(--surface-secondary)}.notif-btn svg{width:20px;height:20px}.notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--brand-terracotta);border:2px solid var(--bg-main)}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--text-primary);background:transparent;border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.mobile-toggle:hover{background:var(--surface-secondary);border-color:var(--border-warm)}.mobile-toggle:focus-visible{outline:2px solid var(--brand-forest);outline-offset:2px}.mobile-toggle svg{width:24px;height:24px}@media (min-width: 1024px){.mobile-toggle{display:none}}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);visibility:hidden;opacity:0;pointer-events:none;overflow:hidden;transition:visibility var(--dur-normal) var(--ease-out),opacity var(--dur-normal) var(--ease-out)}.mobile-drawer.open{visibility:visible;opacity:1;pointer-events:auto}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#211f1b73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity var(--dur-normal) var(--ease-out)}.drawer-panel{position:absolute;top:0;right:0;width:100%;max-width:440px;height:100%;background:var(--bg-main);border-left:1px solid var(--border-warm);display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform var(--dur-slow) var(--ease-out);box-shadow:var(--shadow-xl)}.mobile-drawer.open .drawer-panel{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-warm);background:var(--surface-main);flex-shrink:0}.drawer-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-primary);background:transparent;border:1px solid var(--border-warm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.drawer-close:hover{background:var(--surface-secondary);color:var(--brand-terracotta)}.drawer-close:focus-visible{outline:2px solid var(--brand-forest)}.drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4) var(--space-5)}.drawer-search-wrap{margin-bottom:var(--space-5)}.drawer-search-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-main);border:1px solid var(--border-warm);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;min-height:44px;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.drawer-search-btn:hover{border-color:var(--brand-terracotta);color:var(--text-primary)}.drawer-nav-group{margin-bottom:var(--space-6)}.drawer-nav-label{font-size:11px;font-weight:var(--fw-bold);color:var(--brand-forest);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);padding:0 var(--space-2)}.drawer-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);text-decoration:none;color:var(--text-primary);background:var(--surface-main);border:1px solid var(--border-warm);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:all var(--dur-fast) var(--ease-out);min-height:52px}.drawer-nav-item:hover,.drawer-nav-item:focus-visible{background:var(--surface-secondary);border-color:var(--brand-terracotta);transform:translate(2px)}.drawer-nav-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--brand-forest);display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-nav-item:hover .drawer-nav-icon{background:var(--color-success-light)}.drawer-nav-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.drawer-nav-title{font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--text-primary);line-height:1.25}.drawer-nav-subtitle{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-nav-arrow{color:var(--text-secondary);flex-shrink:0;opacity:.5}.drawer-nav-item:hover .drawer-nav-arrow{opacity:1;color:var(--brand-terracotta)}.drawer-footer{padding:var(--space-4) var(--space-5);padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));border-top:1px solid var(--border-warm);background:var(--surface-main);flex-shrink:0}.drawer-user-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) 0}.drawer-user-info{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ticker-bar{background:var(--brand-forest);color:var(--bg-main);height:var(--ticker-h);display:flex;align-items:center;overflow:hidden;font-size:var(--text-xs);font-weight:var(--fw-medium);border-bottom:1px solid rgba(228,216,198,.2)}.ticker-label{flex-shrink:0;padding:0 var(--space-3);background:#0003;height:100%;display:flex;align-items:center;gap:var(--space-1);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--surface-main)}.ticker-track-wrap{flex:1;height:100%;overflow:hidden;position:relative;display:flex;align-items:center}.ticker-track{display:flex;gap:var(--space-8);white-space:nowrap;will-change:transform;animation:ticker-scroll 45s linear infinite}.ticker-track.paused,.ticker-bar:hover .ticker-track{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--bg-main);text-decoration:none;font-size:var(--text-xs)}.ticker-item:hover{color:#fff;text-decoration:underline}.ticker-dot{width:5px;height:5px;border-radius:var(--radius-full);background:var(--brand-terracotta);flex-shrink:0}.ticker-mobile-strip{display:none;width:100%;height:100%;align-items:center;justify-content:space-between;padding:0 var(--space-3);gap:var(--space-2);overflow:hidden}.ticker-mobile-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--bg-main)}.ticker-mobile-link{color:var(--terracotta-light);font-weight:var(--fw-bold);text-decoration:none;flex-shrink:0;font-size:11px}@media (max-width: 767px){.ticker-track-wrap{display:none}.ticker-mobile-strip{display:flex}}@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-footer{background:var(--text-primary);color:var(--cream);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-24)}.footer-inner{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 768px){.footer-inner{padding:0 var(--space-8)}}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-12)}@media (min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand p{color:#f9f6ee99;font-size:var(--text-sm);margin-top:var(--space-3);max-width:280px}.footer-heading{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.08em;color:#f9f6ee80;margin-bottom:var(--space-4)}.footer-link{display:block;padding:var(--space-1) 0;font-size:var(--text-sm);color:#f9f6eebf;transition:color var(--dur-fast) var(--ease-out)}.footer-link:hover{color:var(--cream)}.footer-bottom{border-top:1px solid rgba(249,246,238,.1);padding-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center;font-size:var(--text-xs);color:#f9f6ee66}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1799;z-index:var(--z-command);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-20) var(--space-4) var(--space-4);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity var(--dur-fast) var(--ease-out),visibility var(--dur-fast) var(--ease-out)}.command-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.command-box{width:100%;max-width:580px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:translateY(-16px) scale(.97);transition:transform var(--dur-normal) var(--ease-out)}.command-overlay.active .command-box{transform:translateY(0) scale(1)}.command-input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}.command-input-wrap svg{width:20px;height:20px;color:var(--muted);flex-shrink:0}.command-input{flex:1;font-size:var(--text-base);color:var(--ink)}.command-input::placeholder{color:var(--muted)}.command-results{max-height:360px;overflow-y:auto;padding:var(--space-2)}.command-result-group{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.command-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--body);transition:background var(--dur-fast) var(--ease-out)}.command-result-item:hover,.command-result-item.highlighted{background:var(--cream-sunken)}.command-result-item svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.command-empty{padding:var(--space-8);text-align:center;color:var(--muted);font-size:var(--text-sm)}.main-content{min-height:calc(100vh - var(--header-h))}.page-header{padding:var(--space-10) 0 var(--space-8);border-bottom:1px solid var(--line);margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-2)}.page-header p{color:var(--muted);font-size:var(--text-lg);max-width:600px}.section{padding:var(--space-12) 0}.section+.section{border-top:1px solid var(--line)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.section-title{font-size:var(--text-2xl)}.section-link{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--terracotta-strong)}.section-link:hover{text-decoration:underline}