:root{--text-xs:clamp(.75rem, 1.5vw, .875rem);--text-sm:clamp(.875rem, 2vw, 1rem);--text-md:clamp(1rem, 2.5vw, 1.25rem);--text-lg:clamp(1.25rem, 3vw, 1.75rem);--text-xl:clamp(1.75rem, 5vw, 3rem);--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--weight-soft:200;--weight-normal:400;--weight-medium:530;--weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition:.2s ease;--z-base:1;--z-dropdown:10;--z-modal:100;--z-navbar:999;--z-toast:1000;--navbar-height:clamp(3rem, 8vw, 4.5rem);--bg:#eee;--bg-surface:#e3e3e3;--bg-subtle:#c1c1c1;--text:#111;--text-muted:#555;--text-faint:#999;--accent:#2563eb;--accent-hover:#1d4ea8;--accent-subtle:#aed1ff;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--border:#e4e4e7;--border-strong:#d1d1d6}[data-theme=dark]{--bg:#0f0f0f;--bg-surface:#1a1a1a;--bg-subtle:#242424;--text:#f0f0f0;--text-muted:#a0a0a0;--text-faint:#666;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-subtle:#1e3a5f;--success:#22c55e;--danger:#f87171;--warning:#fbbf24;--border:#2a2a2a;--border-strong:#3a3a3a}h1,.text-xl{font-size:var(--text-xl)}h2,.text-lg{font-size:var(--text-lg)}h3,p,.text-md{font-size:var(--text-md)}h4,.text-sm{font-size:var(--text-sm)}small,.text-xs{font-size:var(--text-xs)}a{font-size:var(--text-md);color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}*,:after,:before{font-family:var(--font-sans);box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-subtle);color:var(--accent)}code,pre,kbd{font-size:var(--text-md);font-family:var(--font-mono)}button{cursor:pointer;transition:opacity var(--transition);background:0 0;border:none}button:hover{opacity:.8}button:active{opacity:.6}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{font-size:var(--text-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-faint)}img,video{max-width:100%;display:block}ul,ol{list-style:none}html{scroll-behavior:smooth}body{background-color:var(--bg);transition:background-color var(--transition), color var(--transition);color:var(--text);padding-top:var(--navbar-height);line-height:1.6}.navbar{width:100vw;height:var(--navbar-height);padding:0 var(--space-md);background:var(--bg-surface);border-bottom:2px solid var(--border-strong);z-index:var(--z-navbar);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar .nav-brand{color:var(--text);transition:color var(--transition);align-items:baseline;display:flex}.navbar .nav-brand img{height:calc(var(--navbar-height) * .52);aspect-ratio:1;border-radius:var(--radius-sm);width:auto;padding-right:var(--space-xs);align-self:center}.navbar .nav-brand h2{font-weight:var(--weight-bold)}.navbar .nav-brand h3{font-weight:var(--weight-soft)}.navbar .nav-brand:hover{color:var(--accent-hover)}.navbar .nav-links{align-items:center;height:100%;display:flex}.navbar .nav-links a,.navbar .nav-links .dropdown-trigger{height:100%;padding:0 var(--space-sm);color:var(--text);font-weight:var(--weight-medium);font-size:var(--text-md);transition:color var(--transition);align-items:center;display:inline-flex;position:relative}.navbar .nav-links a:hover,.navbar .nav-links .dropdown-trigger:hover{color:var(--accent-hover)}.navbar .nav-links a:after{content:"";background:var(--accent);border-radius:var(--radius-full);width:90%;height:2px;transition:transform var(--transition);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.navbar .nav-links a.active{color:var(--accent)}.navbar .nav-links a.active:after{transform:translate(-50%)scaleX(1)}.navbar .nav-links .dropdown{align-items:center;height:100%;display:flex;position:relative}.navbar .nav-links .dropdown .dropdown-trigger{gap:var(--space-xs);cursor:pointer}.navbar .nav-links .dropdown .dropdown-trigger .trigger-label{flex-direction:column;align-items:flex-start;gap:2px;line-height:1;display:flex}.navbar .nav-links .dropdown .dropdown-trigger .trigger-label .trigger-sub{font-size:.65em;font-weight:var(--weight-normal);color:var(--text-faint)}.navbar .nav-links .dropdown .dropdown-trigger .chevron{transition:transform var(--transition)}.navbar .nav-links .dropdown .dropdown-trigger.open,.navbar .nav-links .dropdown .dropdown-trigger.active{color:var(--accent)}.navbar .nav-links .dropdown .dropdown-trigger.open .chevron{transform:rotate(180deg)}.navbar .nav-links .dropdown .dropdown-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);opacity:0;pointer-events:none;min-width:140px;z-index:var(--z-dropdown);transition:opacity var(--transition), transform var(--transition);position:absolute;top:calc(100% + 2px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-6px)}.navbar .nav-links .dropdown .dropdown-panel.open{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}.navbar .nav-links .dropdown .dropdown-panel a{height:auto;padding:var(--space-sm) var(--space-md);color:var(--text-muted);font-size:var(--text-sm);border-bottom:1px solid var(--border);transition:background var(--transition), color var(--transition);display:block}.navbar .nav-links .dropdown .dropdown-panel a:after{display:none}.navbar .nav-links .dropdown .dropdown-panel a:last-child{border-bottom:none}.navbar .nav-links .dropdown .dropdown-panel a:hover{background:var(--bg-subtle);color:var(--text)}.navbar .nav-links .dropdown .dropdown-panel a.active{background:var(--accent-subtle);color:var(--accent)}@media (width<=768px){.navbar .nav-links{display:none}}.navbar .hamburger{border-radius:var(--radius-sm);width:36px;height:36px;transition:background var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none}.navbar .hamburger span{background:var(--text);border-radius:var(--radius-full);width:20px;height:2px;transition:transform var(--transition), opacity var(--transition), width var(--transition);transform-origin:50%;display:block}.navbar .hamburger:hover{background:var(--bg-subtle)}.navbar .hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar .hamburger.open span:nth-child(2){opacity:0;width:0}.navbar .hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar .hamburger{display:flex}}.navbar .mobile-menu{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;width:100vw;display:none;position:absolute;top:100%;left:0}.navbar .mobile-menu>a{padding:var(--space-sm) var(--space-md);color:var(--text);font-weight:var(--weight-medium);border-bottom:1px solid var(--border);transition:background var(--transition), color var(--transition);display:block}.navbar .mobile-menu>a:hover{background:var(--bg-subtle)}.navbar .mobile-menu>a.active{color:var(--accent);background:var(--accent-subtle)}.navbar .mobile-menu .mobile-group .mobile-group-btn{width:100%;padding:var(--space-sm) var(--space-md);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-medium);border-bottom:1px solid var(--border);transition:background var(--transition), color var(--transition);justify-content:space-between;align-items:center;display:flex}.navbar .mobile-menu .mobile-group .mobile-group-btn .chevron{transition:transform var(--transition)}.navbar .mobile-menu .mobile-group .mobile-group-btn.open{color:var(--accent)}.navbar .mobile-menu .mobile-group .mobile-group-btn.open .chevron{transform:rotate(180deg)}.navbar .mobile-menu .mobile-group .mobile-group-btn:hover{background:var(--bg-subtle)}.navbar .mobile-menu .mobile-group .mobile-sublinks{transition:grid-template-rows var(--transition);grid-template-rows:0fr;display:grid}.navbar .mobile-menu .mobile-group .mobile-sublinks>div{overflow:hidden}.navbar .mobile-menu .mobile-group .mobile-sublinks.open{grid-template-rows:1fr}.navbar .mobile-menu .mobile-group .mobile-sublinks a{padding:var(--space-sm) var(--space-lg);color:var(--text-muted);font-size:var(--text-sm);background:var(--bg-surface);border-bottom:1px solid var(--border);transition:background var(--transition), color var(--transition);display:block}.navbar .mobile-menu .mobile-group .mobile-sublinks a:last-child{border-bottom:none}.navbar .mobile-menu .mobile-group .mobile-sublinks a:hover{background:var(--bg-subtle);color:var(--text)}.navbar .mobile-menu .mobile-group .mobile-sublinks a.active{color:var(--accent);background:var(--accent-subtle)}@media (width<=768px){.navbar .mobile-menu.open{display:flex}}