:root{--bg-canvas:#111827;--bg-secondary:#172235;--bg-surface:#1c293d;--bg-elevated:#24344a;--bg-inset:#0d1420;--bg-deep:#090e18;--bg-overlay:#080d18c7;--bg-panel:#172235e0;--glass-bg:#121c2ec7;--glass-bg-strong:#0e1625e0;--glass-bg-subtle:#18263c8f;--glass-bg-inactive:#0e1625cc;--glass-border:#79ddf338;--glass-border-strong:#79ddf366;--glass-highlight:inset 0 1px 0 #eaf2fa24;--glass-blur:blur(26px) saturate(145%);--glass-blur-subtle:blur(18px) saturate(130%);--os-desktop-bg:#111827;--os-window-bg:#0f1828de;--os-window-inactive-bg:#0d1523cc;--os-titlebar-bg:#152136e6;--os-titlebar-inactive-bg:#0f1828d6;--os-dock-bg:#121c2e9e;--os-panel-bg:#0e1625a8;--os-panel-height:44px;--os-dock-clearance:86px;--neu-light:#79ddf311;--neu-light-strong:#79ddf31a;--neu-dark:#04081194;--neu-dark-strong:#03060ebd;--neu-shadow-raised-xs:-2px -2px 5px var(--neu-light), 3px 3px 8px var(--neu-dark);--neu-shadow-raised-sm:-3px -3px 10px var(--neu-light), 6px 6px 16px var(--neu-dark);--neu-shadow-raised-md:-5px -5px 14px var(--neu-light), 10px 10px 24px #03060e9e;--neu-shadow-raised-lg:0 22px 54px #03060eb3, 0 0 0 1px #55c7e824, var(--glass-highlight);--neu-shadow-inactive:0 12px 30px #03060e80, var(--glass-highlight);--neu-shadow-inset-xs:inset 2px 2px 5px #040811a3, inset -1px -1px 4px #79ddf30b;--neu-shadow-inset-sm:inset 3px 3px 7px #040811a8, inset -2px -2px 6px #79ddf30b;--neu-shadow-inset:var(--neu-shadow-inset-sm);--neu-shadow-inset-md:inset 4px 4px 12px #03060eb3, inset -3px -3px 8px #79ddf30b;--neu-shadow-flat:none;--shadow-glass:0 20px 50px #0307109e, var(--glass-highlight);--shadow-dock:0 18px 42px #030710ad, 0 0 0 1px #55c7e82e, var(--glass-highlight);--border:#55c7e829;--border-subtle:#a5b5c817;--border-strong:#79ddf352;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-pill:9999px;--text-primary:#eaf2fa;--text-secondary:#a5b5c8;--text-muted:#8fa2b8;--accent:#eaf2fa;--accent-hover:#f6fbff;--accent-soft:#eaf2fa17;--accent-ink:#091321;--accent-linux:#55c7e8;--accent-secondary:#79ddf3;--accent-gradient:linear-gradient(135deg, #79ddf3 0%, #3cb5da 100%);--accent-linux-soft:#55c7e824;--accent-linux-border:#55c7e85c;--accent-linux-glow:#55c7e83d;--accent-warn:#eab676;--accent-warn-soft:#eab67624;--accent-warn-border:#eab67661;--accent-close-hover:#e8708038;--accent-close-border:#e8708070;--accent-close-text:#f3b5be;--font-display:var(--font-barlow-condensed), "Arial Narrow", Impact, sans-serif;--font-sans:var(--font-inter), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--border-thin:1px;--border-thick:2px;--container-max:1240px;--gutter:clamp(1.25rem, 3vw, 2.5rem);--top-bar-height:58px;--section-space:clamp(3.5rem, 6vw, 5.5rem);--nav-panel-width:300px;--nav-clearance:0px;--shadow-panel:var(--neu-shadow-raised-lg);--shadow-window-active:var(--neu-shadow-raised-lg);--shadow-window-inactive:var(--neu-shadow-inactive);--ease-out:cubic-bezier(.2, .8, .2, 1);--transition-fast:.16s var(--ease-out);--transition-base:.21s var(--ease-out);--bp-bg-canvas:var(--bg-canvas);--bp-bg-surface:var(--bg-surface);--bp-bg-elevated:var(--bg-elevated);--bp-bg-inset:var(--bg-inset);--bp-bg-glass:var(--bg-panel);--bp-border:var(--border);--bp-border-subtle:var(--border-subtle);--bp-border-strong:var(--border-strong);--bp-text-primary:var(--text-primary);--bp-text-secondary:var(--text-secondary);--bp-text-muted:var(--text-muted);--bp-accent:var(--accent);--bp-accent-hover:var(--accent-hover);--bp-accent-soft:var(--accent-soft);--bp-accent-glow:#55c7e82e;--bp-accent-ink:var(--accent-ink);--bp-container-max:var(--container-max);--bp-gutter:var(--gutter);--bp-header-height:var(--top-bar-height);--bp-section-space:var(--section-space);--bp-radius-xs:var(--radius-xs);--bp-radius-sm:var(--radius-sm);--bp-radius-md:var(--radius-md);--bp-radius-lg:var(--radius-lg);--bp-radius-xl:var(--radius-lg);--bp-radius-pill:var(--radius-pill);--bp-shadow-panel:var(--shadow-panel);--bp-shadow-card:var(--neu-shadow-raised-sm);--bp-ease-out:var(--ease-out);--bp-transition-fast:var(--transition-fast);--bp-transition-base:var(--transition-base)}@media (min-width:901px) and (max-width:1180px){:root{--nav-panel-width:248px;--nav-clearance:0px}}@media (max-width:900px){:root{--nav-panel-width:min(320px, 88vw);--nav-clearance:0px}}[data-nav-collapsed=true]{--nav-clearance:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{background-color:var(--bg-canvas);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;overflow-x:hidden}main{flex:1}::selection{background-color:var(--accent-linux);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}:focus-visible{outline:2px solid var(--accent-linux);outline-offset:2px}.neu-raised{background-color:var(--bg-surface);box-shadow:var(--neu-shadow-raised-md);border:var(--border-thin) solid var(--border-subtle)}.neu-raised-sm{background-color:var(--bg-surface);box-shadow:var(--neu-shadow-raised-sm);border:var(--border-thin) solid var(--border-subtle)}.neu-inset{background-color:var(--bg-inset);box-shadow:var(--neu-shadow-inset-md);border:var(--border-thin) solid #050b0952}.neu-inset-sm{background-color:var(--bg-inset);box-shadow:var(--neu-shadow-inset-sm);border:var(--border-thin) solid #050b0947}.neu-flat{background-color:var(--bg-canvas);box-shadow:var(--neu-shadow-flat)}.glass-surface{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-thin) solid var(--glass-border);box-shadow:var(--shadow-glass)}.skip-link{z-index:999;border-radius:var(--radius-xs);background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--neu-shadow-raised-sm);font-family:var(--font-mono);transition:top var(--transition-fast);padding:.65rem 1rem;font-size:.75rem;font-weight:600;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}