:root{--cream: #F9F6EE;--cream-sunken: #F1ECDF;--ink: #1C1A17;--body: #2C2824;--muted: #6B645B;--line: #E5E0D8;--terracotta: #C85A32;--terracotta-strong:#B44D27;--terracotta-light: #F5E6DE;--forest: #2B4436;--forest-light: #E8F0EB;--danger: #B33A3A;--danger-light: #FBEAEA;--font-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-sans: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", 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: 3rem;--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-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(28,26,23,.05);--shadow-md: 0 4px 12px rgba(28,26,23,.08);--shadow-lg: 0 8px 24px rgba(28,26,23,.1);--shadow-xl: 0 12px 40px rgba(28,26,23,.12);--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-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;--ticker-h: 36px}*,*: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(--cream);border:1px solid var(--line);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)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--muted)}.card-flat{background:var(--cream-sunken);border:none;border-radius:var(--radius-lg);padding:var(--space-6)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-semi);border-radius:var(--radius-full);line-height:1.5}.badge-terracotta{background:var(--terracotta-light);color:var(--terracotta-strong)}.badge-forest{background:var(--forest-light);color:var(--forest)}.badge-muted{background:var(--cream-sunken);color:var(--muted)}.badge-danger{background:var(--danger-light);color:var(--danger)}.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(--ink)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--ink);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(--terracotta);box-shadow:0 0 0 3px var(--terracotta-light)}.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='%236B645B' 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:#1c1a1780;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(--cream);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(--cream);border-bottom:1px solid var(--line);height:var(--header-h)}.system-banner{background:var(--ink);color:var(--cream);font-size:var(--text-xs);padding:6px var(--space-4);border-bottom:1px solid rgba(249,246,238,.15)}.system-banner.setup-banner{background:var(--cream-sunken);color:var(--ink);border-bottom:2px solid var(--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:#c85a3240;color:var(--terracotta-light);border:1px solid var(--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(--terracotta);color:var(--cream);border-color:var(--terracotta)}.banner-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-outline-cream{background:transparent;color:var(--cream);border:1px solid rgba(249,246,238,.4);padding:2px 8px;font-size:11px;border-radius:var(--radius-sm);cursor:pointer}.btn-outline-cream:hover{background:#f9f6ee26;color:var(--cream)}.banner-link{color:var(--cream);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)}@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}.logo-name{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--ink);letter-spacing:-.02em}.logo-sub{font-size:var(--text-xs);color:var(--muted);display:none}@media (min-width: 768px){.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(--body);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(--ink);background:var(--cream-sunken)}.nav-link.active{color:var(--terracotta-strong)}.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(--cream-sunken);border:1px solid var(--line);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);min-height:40px}.search-trigger:hover{border-color:var(--muted)}.search-trigger kbd{font-size:10px;padding:1px 5px;background:var(--cream);border:1px solid var(--line);border-radius:4px;font-family:var(--font-sans);margin-left:var(--space-4)}@media (min-width: 768px){.search-trigger{display:flex}}.notif-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--body);transition:background var(--dur-fast) var(--ease-out)}.notif-btn:hover{background:var(--cream-sunken)}.notif-btn svg{width:20px;height:20px}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--body)}.mobile-toggle:hover{background:var(--cream-sunken)}.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-overlay);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:#1c1a1766}.drawer-panel{position:absolute;top:0;right:0;width:300px;max-width:85vw;height:100%;background:var(--cream);border-left:1px solid var(--line);padding:var(--space-6);overflow-y:auto;transform:translate(100%);transition:transform var(--dur-slow) var(--ease-out)}.mobile-drawer.open .drawer-panel{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.drawer-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.drawer-close:hover{background:var(--cream-sunken)}.drawer-nav-group{margin-bottom:var(--space-6)}.drawer-nav-label{font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.drawer-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 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:44px}.drawer-nav-item:hover{background:var(--cream-sunken)}.drawer-nav-item svg{width:18px;height:18px;flex-shrink:0}.ticker-bar{background:var(--forest);color:var(--cream);height:var(--ticker-h);display:flex;align-items:center;overflow:hidden;font-size:var(--text-xs);font-weight:var(--fw-medium)}.ticker-label{flex-shrink:0;padding:0 var(--space-3);background:#00000026;height:100%;display:flex;align-items:center;gap:var(--space-1);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.ticker-track{display:flex;animation:ticker-scroll 60s linear infinite;gap:var(--space-8);white-space:nowrap}.ticker-item{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.ticker-dot{width:4px;height:4px;border-radius:var(--radius-full);background:var(--cream);opacity:.4}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-footer{background:var(--ink);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}