:root{--bg: #17191B;--surface: oklch(18% .014 60);--fg: #ffffff;--muted: oklch(60% .015 60);--border: oklch(28% .015 60);--accent: oklch(68% .18 170);--accent-hover: oklch(60% .18 170);--accent-soft: oklch(22% .06 170);--font-display: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--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;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .05);--shadow-md: 0 4px 16px oklch(0% 0 0 / .08);--shadow-lg: 0 12px 40px oklch(0% 0 0 / .12);--nav-h: calc(72px + env(safe-area-inset-top)) }@keyframes accentGlow{0%,to{box-shadow:0 0 8px oklch(68% .18 170 / .4)}50%{box-shadow:0 0 30px oklch(68% .18 170 / .8)}}@keyframes textGlow{0%,to{text-shadow:0 0 6px oklch(68% .18 170 / .3)}50%{text-shadow:0 0 18px oklch(68% .18 170 / .7)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--fg);background:var(--bg);scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}::-webkit-scrollbar-corner{background:transparent}#root{min-height:100vh;isolation:isolate}.app-shell{position:relative;z-index:1;min-height:100vh}.background-glow-canvas{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;pointer-events:none;display:block}a{color:inherit;text-decoration:none}img,svg{display:block}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;padding-left:max(var(--space-8),env(safe-area-inset-left));padding-right:max(var(--space-8),env(safe-area-inset-right));background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;transition:transform .45s cubic-bezier(.7,0,.3,1),opacity .45s ease,background .4s,backdrop-filter .4s,-webkit-backdrop-filter .4s,border-color .4s}.nav.hidden{transform:translateY(-100%);opacity:0}.nav.hidden.peeking{transform:translateY(0);opacity:1;background:#000000b8;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom-color:var(--border)}.nav.scrolled{background:#000000b8;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom-color:var(--border)}.nav-logo-center{position:fixed;top:0;left:0;right:0;z-index:99;height:var(--nav-h);padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .45s ease}.nav-logo-center.visible{opacity:1;pointer-events:auto}.nav-logo-center svg{width:110px;height:auto}.nav-logo svg{width:110px;height:auto}.nav-logo svg .cls-1,svg .cls-1{fill:var(--fg);transition:fill .4s}.nav-logo .logo-icon,.nav-logo polygon{transform-box:fill-box;transform-origin:center;animation:logoIconPop .7s .1s cubic-bezier(.22,.61,.36,1) both}.nav-logo polygon{animation:logoIconPop .7s .1s cubic-bezier(.22,.61,.36,1) both}.nav-logo .logo-word,.nav-logo path.cls-1{animation:logoWordSlide .5s ease both}.nav-logo .logo-word:nth-of-type(1),.nav-logo path.cls-1:nth-of-type(1){animation-delay:.35s}.nav-logo .logo-word:nth-of-type(2),.nav-logo path.cls-1:nth-of-type(2){animation-delay:.42s}.nav-logo .logo-word:nth-of-type(3),.nav-logo path.cls-1:nth-of-type(3){animation-delay:.49s}.nav-logo .logo-word:nth-of-type(4),.nav-logo path.cls-1:nth-of-type(4){animation-delay:.56s}.nav-logo .logo-word:nth-of-type(5),.nav-logo path.cls-1:nth-of-type(5){animation-delay:.63s}@keyframes logoIconPop{0%{transform:scale(0);opacity:0}55%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@keyframes logoWordSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.nav-links{display:flex;gap:var(--space-8);list-style:none;align-items:center}@media(min-width:861px){.nav-links{position:absolute;left:50%;transform:translate(-50%);gap:66px}.nav-links li,.nav-links a{white-space:nowrap}}.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--fg);transition:color .2s;position:relative;white-space:nowrap}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);border-radius:1px;transition:width .25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.theme-dot{width:28px;height:28px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;flex-shrink:0}.theme-dot:hover{border-color:var(--accent)}.theme-dot svg{width:14px;height:14px;opacity:.5}.nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav-mobile-toggle span{display:block;width:22px;height:2px;background:var(--fg);border-radius:1px;transition:all .25s}.nav-mobile-toggle span+span{margin-top:5px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.7em 1.6em;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;transition:all .25s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;animation:accentGlow 3s ease-in-out infinite}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px oklch(62% .17 170 / .3)}.btn-outline{background:transparent;color:var(--fg);border-color:var(--border)}.btn-outline:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover{background:var(--accent-soft)}.footer{padding:var(--space-16) var(--space-8);padding-bottom:calc(var(--space-16) + env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--space-8);list-style:none;margin-bottom:var(--space-8);flex-wrap:wrap}.footer-links a{font-size:var(--text-sm);color:var(--muted);transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:var(--text-xs);color:var(--muted)}.lang-toggle-btn{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--muted);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;transition:all .15s;white-space:nowrap}.lang-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.page-wrap{position:relative;min-height:100vh}.page-mask{position:fixed;inset:0;z-index:300;background:var(--bg);display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(100%);transition:transform .5s cubic-bezier(.7,0,.3,1)}.page-mask.cover,.page-mask.loading{transform:translateY(0)}.page-mask.reveal{transform:translateY(100%);transition:transform 1.2s cubic-bezier(.7,0,.3,1)}.mask-spinner-wrap{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease .1s}.page-mask.loading .mask-spinner-wrap{opacity:1}.mask-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-kicker,.scene-chapter{animation:textGlow 3s ease-in-out infinite}.scene-hero-line1 em{animation:textGlow 3s ease-in-out infinite .3s}@media(max-width:860px){.nav{padding:0 var(--space-5)}.nav:has(.nav-menu-bg.open):not(.scrolled){background:#000000b8;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-bottom-color:var(--border)}.nav-menu-bg{position:absolute;top:var(--nav-h);left:0;right:0;z-index:-1;height:calc(100vh - var(--nav-h));background:#000000b8;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--border);transform:translateY(-100%);transition:transform .45s cubic-bezier(.7,0,.3,1);pointer-events:none}.nav-menu-bg.open{transform:translateY(0);pointer-events:auto}.nav-links{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:var(--nav-h);left:0;right:0;padding:var(--space-8) var(--space-6);gap:var(--space-8);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom));transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.7,0,.3,1),opacity .45s ease}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links.open a{font-size:calc(var(--text-sm) * 4);line-height:1.1}.nav-mobile-toggle{display:block}.footer{padding:var(--space-10) var(--space-4);padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom))}.footer-links{gap:var(--space-4)}}