@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(./ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(./ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(./ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(./ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #e7edf1;--muted: #8796a0;--faint: #4d5b64;--line: rgba(190, 219, 232, .17);--line-strong: rgba(198, 230, 244, .32);--panel: rgba(7, 12, 16, .66);--cyan: #59d5f3;--cyan-dim: rgba(89, 213, 243, .36);--red: #be252c;--warm: #e09b50;--display: "Space Grotesk Variable", "Helvetica Neue", sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Config, monospace;--cjk: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;background:#030507;color:var(--ink);overflow:hidden;font-family:var(--display);-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit;border:none;background:none;cursor:pointer}button:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}#app{position:relative;width:100vw;height:100svh;background:radial-gradient(circle at 57% 43%,rgba(17,42,55,.22),transparent 40%),#030507;isolation:isolate}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}.screen-vignette,.screen-grain,.screen-scan{position:absolute;inset:0;pointer-events:none;z-index:2}.screen-vignette{background:radial-gradient(ellipse at 53% 44%,transparent 32%,rgba(2,5,7,.23) 63%,rgba(1,3,4,.78) 100%),linear-gradient(to bottom,rgba(1,3,5,.52),transparent 17%,transparent 72%,rgba(1,3,5,.74))}.screen-grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:soft-light;animation:grainShift .6s steps(3) infinite}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}.screen-scan{opacity:.12;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(180,225,245,.03) 4px);mix-blend-mode:screen}.topbar{position:absolute;top:0;left:0;right:0;z-index:10;height:96px;padding:24px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none;background:linear-gradient(to bottom,rgba(2,5,7,.56),transparent)}.brand,.utilities,.mode-readout{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:34px;height:34px;color:#c9dde5;opacity:.9}.brand-mark svg{width:100%;height:100%}.brand-title{font-size:15px;line-height:1;letter-spacing:.22em;font-weight:600}.brand-title span{color:var(--cyan);font-weight:400}.brand-sub{margin-top:8px;font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--muted);white-space:nowrap}.mode-readout{display:flex;align-items:center;gap:12px;padding-top:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--faint);transition:color .5s ease}.mode-side{transition:color .5s ease,opacity .5s ease;position:relative}.mode-side.is-active{color:var(--ink)}.mode-side.is-active:before{content:"";position:absolute;left:50%;bottom:-9px;width:3px;height:3px;transform:translate(-50%);border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.mode-divider{width:46px;height:1px;background:var(--line);position:relative;overflow:visible}.mode-divider i{display:block;position:absolute;top:-1px;left:0;height:3px;width:0%;background:var(--cyan);box-shadow:0 0 10px #59d5f3b3;transition:width .2s linear}.mode-progress{font-size:8px;color:var(--faint);letter-spacing:.04em;min-width:22px}.utilities{justify-self:end;display:flex;align-items:center;gap:5px}.icon-btn{width:35px;height:35px;padding:8px;display:grid;place-items:center;position:relative;color:var(--muted);border:1px solid transparent;transition:color .25s ease,border-color .25s ease,background .25s ease}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{color:var(--ink);border-color:var(--line);background:#649baf0d}.icon-btn.is-active{color:var(--cyan);border-color:#59d5f34d;background:#59d5f30f}.icon-btn.is-muted .sound-wave{opacity:.15}.btn-tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-3px);opacity:0;pointer-events:none;font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:var(--muted);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.icon-btn:hover .btn-tip{opacity:1;transform:translate(-50%) translateY(0)}.hero-copy{position:absolute;isolation:isolate;left:34px;top:41%;z-index:5;width:310px;pointer-events:none;text-shadow:0 2px 28px rgba(0,0,0,.55)}.hero-eyebrow{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-size:8px;letter-spacing:.19em;color:var(--muted)}.hero-eyebrow .index{color:var(--cyan);border:1px solid var(--line-strong);padding:4px 6px;line-height:1}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-40px -54px -30px -42px;background:radial-gradient(ellipse at 26% 54%,rgba(2,7,10,.72),rgba(2,7,10,.28) 48%,transparent 74%);filter:blur(12px);pointer-events:none}.hero-copy h1{margin:22px 0 18px;font-size:clamp(42px,4.3vw,66px);font-weight:500;letter-spacing:-.065em;line-height:.82;text-transform:uppercase}.hero-copy h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(220,236,243,.72)}.hero-copy h1 strong{display:block;font-weight:650;color:var(--ink);letter-spacing:-.06em;margin-left:.36em;margin-top:.1em}.hero-lede{margin:0;font-family:var(--cjk);font-size:12px;line-height:1.8;letter-spacing:.08em;color:#aebbc2}.hero-specs{margin-top:23px;padding-top:12px;width:100%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px}.hero-specs div{display:flex;flex-direction:column;gap:7px}.hero-specs span{font-family:var(--mono);font-size:7.5px;letter-spacing:.16em;color:var(--faint)}.hero-specs b{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.05em;color:#d4dfe3}.hero-specs b i{font-style:normal;color:var(--muted);font-size:8px}.systems-panel{position:absolute;right:32px;top:27%;z-index:6;width:216px;transition:opacity .35s ease,transform .45s ease}.systems-panel.is-hidden{opacity:0;transform:translate(18px);pointer-events:none}.systems-panel:before{content:"";position:absolute;z-index:-1;inset:-20px -18px -22px -26px;background:radial-gradient(ellipse at 74% 42%,rgba(2,7,10,.46),transparent 72%);filter:blur(12px);pointer-events:none}.systems-panel{isolation:isolate}.panel-heading{padding-bottom:12px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:var(--muted)}.panel-heading span:last-child{font-family:var(--cjk);letter-spacing:.18em;color:var(--faint);font-size:8.5px}.systems-list{margin:0;padding:0;list-style:none}.system-item{position:relative;border-bottom:1px solid rgba(190,219,232,.08)}.system-item button{display:grid;grid-template-columns:22px 1fr 14px;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 0;text-align:left;color:var(--muted);transition:color .25s ease,padding-left .25s ease}.system-item button:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:1px;background:var(--cyan);transform:scaleY(0);transition:transform .25s ease}.system-item button:hover,.system-item.is-selected button{color:var(--ink);padding-left:8px}.system-item button:hover:before,.system-item.is-selected button:before{transform:scaleY(1)}.system-item .sys-index{font-family:var(--mono);font-size:8.5px;letter-spacing:.03em;color:var(--faint)}.system-item .sys-name{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.075em;line-height:1.25}.system-item .sys-name b{font-family:var(--display);font-weight:500;letter-spacing:.02em;font-size:12px;color:var(--ink)}.system-item .sys-name span{color:var(--faint)}.system-item .sys-arrow{font-family:var(--mono);font-size:9px;color:var(--faint);transition:transform .25s ease,color .25s ease}.system-item button:hover .sys-arrow,.system-item.is-selected .sys-arrow{color:var(--cyan);transform:translate(2px,-2px)}.text-action{margin-top:18px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--muted);transition:color .25s ease}.text-action .arrow{color:var(--cyan);font-size:12px}.text-action:hover{color:var(--ink)}.annotation-layer{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s ease}.annotation-layer.is-visible{opacity:1}.annotation{position:absolute;left:0;top:0;width:23px;height:23px;padding:0;background:none;border:0;transform:translate(-50%,-50%);pointer-events:none;will-change:left,top}.annotation .marker{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;pointer-events:auto;border:1px solid rgba(141,204,224,.36);border-radius:50%;background:#040b0fb3;color:#a9c6d1;font-family:var(--mono);font-size:6.5px;letter-spacing:.03em;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease}.annotation .marker:before{content:"";position:absolute;inset:-6px;border:1px solid rgba(89,213,243,.16);border-radius:50%;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.18);opacity:.09}}.annotation:hover .marker,.annotation.is-selected .marker{color:#e8fbff;border-color:#59d5f3cc;background:#113340cc;transform:scale(1.06)}.annotation-tip{position:absolute;left:30px;top:50%;transform:translateY(-50%) translate(-4px);display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px 8px;min-width:max-content;padding:7px 10px 8px;background:#040a0ecc;border:1px solid rgba(172,213,228,.17);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.annotation[data-align=left] .annotation-tip{left:auto;right:30px;transform:translateY(-50%) translate(4px);text-align:right}.annotation:hover .annotation-tip,.annotation.is-selected .annotation-tip{opacity:1;transform:translateY(-50%) translate(0)}.annotation-tip i{grid-row:1 / 3;align-self:center;font-style:normal;font-family:var(--mono);font-size:7px;color:var(--cyan);padding-right:2px}.annotation-tip b{font-family:var(--mono);font-size:7.5px;font-weight:500;letter-spacing:.07em;color:var(--ink);white-space:nowrap}.annotation-tip span{font-family:var(--cjk);font-size:8px;letter-spacing:.15em;color:var(--muted);white-space:nowrap}.ui-hidden .topbar,.ui-hidden .hero-copy,.ui-hidden .systems-panel,.ui-hidden .controls,.ui-hidden .view-controls,.ui-hidden .orbit-hint,.ui-hidden .footer-mark,.ui-hidden .annotation-layer,.ui-hidden .screen-grain,.ui-hidden .screen-scan{display:none!important}.inspector{position:absolute;z-index:12;top:136px;right:32px;width:326px;padding:24px 24px 20px;background:linear-gradient(145deg,#0d181edb,#04080bd1);border:1px solid rgba(175,215,230,.16);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 30px 80px #00000075;opacity:0;transform:translate(22px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.inspector.is-open{opacity:1;transform:translate(0);pointer-events:auto}.inspector:before{content:"";position:absolute;top:-1px;left:24px;width:56px;height:1px;background:var(--cyan);box-shadow:0 0 14px #59d5f380}.inspector-close{position:absolute;right:12px;top:10px;width:28px;height:28px;color:var(--muted);font-size:20px;font-weight:300;line-height:1}.inspector-close:hover{color:var(--ink)}.inspector-kicker{font-family:var(--mono);font-size:7.5px;letter-spacing:.15em;color:var(--faint)}.inspector-kicker span{color:var(--cyan)}.inspector h2{margin:18px 0 4px;font-size:27px;line-height:.95;letter-spacing:-.045em;font-weight:500;color:var(--ink)}.inspector-cn{font-family:var(--cjk);font-size:11px;letter-spacing:.24em;color:var(--muted)}.inspector-copy{margin:21px 0 22px;font-family:var(--cjk);font-size:11.5px;line-height:1.95;letter-spacing:.05em;color:#aebbc2}.inspector-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.fact{padding:10px 10px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.fact span{display:block;font-family:var(--mono);font-size:6.5px;letter-spacing:.12em;color:var(--faint)}.fact b{display:block;margin-top:5px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.02em;color:var(--ink)}.inspector-rule{height:1px;margin:19px 0 12px;background:var(--line)}.inspector-foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:7px;letter-spacing:.09em;color:var(--faint)}.status-dot{width:4px;height:4px;border-radius:50%;background:#67d8a2;box-shadow:0 0 8px #67d8a2cc}.controls{position:absolute;z-index:9;bottom:34px;left:50%;transform:translate(-50%);width:min(890px,calc(100vw - 520px));min-width:630px;display:grid;grid-template-columns:122px minmax(0,1fr) 232px;gap:26px;align-items:end;padding:17px 20px 16px;background:linear-gradient(180deg,#080e1280,#04080bbd);border-top:1px solid var(--line);border-bottom:1px solid rgba(190,219,232,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.controls:before,.controls:after{content:"";position:absolute;top:-1px;width:44px;height:1px;background:var(--cyan);opacity:.68}.controls:before{left:0}.controls:after{right:0;opacity:.3}.control-meta{display:flex;flex-direction:column;gap:17px;padding-bottom:3px}.meta-state{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:7px;letter-spacing:.095em;color:var(--muted);white-space:nowrap}.meta-state i{width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);transition:background .4s ease,box-shadow .4s ease}.meta-state i.is-hot{background:var(--warm);box-shadow:0 0 9px var(--warm)}.meta-detail{font-family:var(--mono);font-size:7px;line-height:1.65;letter-spacing:.1em;color:var(--faint)}.meta-detail b{font-weight:400;font-size:8px;color:#c3d2d8}.transport{padding-bottom:2px;min-width:0}.phase-labels{display:flex;justify-content:space-between;gap:6px;margin-bottom:13px;font-family:var(--mono);font-size:7.5px;letter-spacing:.04em;color:var(--faint)}.phase-labels span{display:flex;align-items:baseline;gap:4px;transition:color .25s ease;white-space:nowrap}.phase-labels span i{font-style:normal;font-size:6px;color:#41525b}.phase-labels span.is-active{color:var(--ink)}.phase-labels span.is-active i{color:var(--cyan)}.timeline{position:relative;height:18px;cursor:ew-resize;touch-action:none;outline:none}.timeline-rail{position:absolute;top:8px;left:0;right:0;height:2px;background:#9dc3d326;overflow:visible}.timeline-rail:before{content:"";position:absolute;inset:-5px 0;background:repeating-linear-gradient(to right,rgba(151,198,216,.22) 0 1px,transparent 1px 20%);opacity:.35}.timeline-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#59d5f3a6,#eef9fc);box-shadow:0 0 10px #59d5f359}.timeline-head{position:absolute;top:4px;left:0%;width:1px;height:10px;background:var(--cyan);box-shadow:0 0 12px #59d5f3b3;transform:translate(-.5px);transition:left .08s linear}.timeline-head span{position:absolute;top:-2px;left:-2.5px;width:6px;height:6px;border:1px solid var(--cyan);background:#071016;transform:rotate(45deg)}.timeline:hover .timeline-rail{background:#9dc3d340}.timeline-ticks{position:absolute;inset:14px 0 0;pointer-events:none}.timeline-ticks i{position:absolute;top:0;width:1px;height:3px;background:#b0d4e23d}.timeline-readout{display:flex;justify-content:space-between;margin-top:9px;font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:var(--faint)}.timeline-readout span:last-child{color:var(--muted)}.action-cluster{display:flex;align-items:center;gap:8px;justify-content:flex-end;position:relative;padding-bottom:2px}.play-btn{width:38px;height:38px;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--muted);flex:none;transition:color .25s,border-color .25s,background .25s}.play-btn svg{width:15px;height:15px}.play-btn:hover{color:var(--ink);border-color:var(--cyan-dim);background:#59d5f30f}.transform-btn{height:52px;min-width:168px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 12px 0 16px;background:#e6edf0;color:#071014;border:1px solid #eef5f7;transition:background .25s,color .25s,transform .25s;overflow:hidden}.transform-btn:hover{background:var(--cyan);border-color:var(--cyan)}.transform-btn:active{transform:translateY(1px)}.transform-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.transform-copy small{font-family:var(--mono);font-size:7px;letter-spacing:.13em;color:#0710148c}.transform-copy strong{font-family:var(--cjk);font-size:13px;font-weight:600;letter-spacing:.12em;white-space:nowrap}.transform-glyph{width:28px;height:28px;flex:none;color:#071014b8}.transform-glyph svg{width:100%;height:100%}.key-hint{position:absolute;right:0;bottom:-17px;font-family:var(--mono);font-size:6.5px;letter-spacing:.12em;color:var(--faint)}.view-controls{position:absolute;right:32px;bottom:36px;z-index:8;display:flex;align-items:center;gap:13px}.view-label{font-family:var(--mono);font-size:7px;letter-spacing:.12em;color:var(--faint);white-space:nowrap}.view-buttons{display:flex;gap:2px}.view-buttons button{min-width:30px;height:26px;padding:0 7px;font-family:var(--cjk);font-size:8.5px;letter-spacing:.08em;color:var(--faint);border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.view-buttons button:hover{color:var(--ink)}.view-buttons button.is-active{color:var(--ink);border-color:var(--cyan)}.orbit-toggle{display:flex;align-items:center;gap:6px;margin-left:5px;font-family:var(--mono);font-size:6.5px;letter-spacing:.1em;color:var(--faint);transition:color .25s}.orbit-toggle:hover,.orbit-toggle[aria-pressed=true]{color:var(--muted)}.orbit-ring{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;position:relative}.orbit-toggle[aria-pressed=true] .orbit-ring{color:var(--cyan);border-color:var(--cyan);animation:orbitSpin 2.8s linear infinite}.orbit-toggle[aria-pressed=true] .orbit-ring:after{content:"";width:2px;height:2px;border-radius:50%;background:var(--cyan);position:absolute;top:-2px;left:2px}@keyframes orbitSpin{to{transform:rotate(360deg)}}.orbit-hint{position:absolute;z-index:6;left:50%;bottom:166px;transform:translate(-50%);display:flex;align-items:center;gap:9px;font-family:var(--cjk);font-size:8px;letter-spacing:.14em;color:#abc0c885;pointer-events:none;transition:opacity .5s ease;white-space:nowrap}.mouse-icon{width:9px;height:13px;border:1px solid currentColor;border-radius:5px;position:relative}.mouse-icon:after{content:"";position:absolute;top:2px;left:3px;width:1px;height:3px;background:currentColor}.footer-mark{position:absolute;left:32px;bottom:13px;z-index:5;display:flex;gap:18px;font-family:var(--mono);font-size:6px;letter-spacing:.12em;color:#788f9873;pointer-events:none}.toast{position:absolute;left:50%;bottom:190px;z-index:20;transform:translate(-50%) translateY(8px);padding:9px 13px;font-family:var(--cjk);font-size:9px;letter-spacing:.12em;color:var(--ink);background:#050c10cc;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .4s ease;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.modal{position:absolute;inset:0;z-index:30;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.modal.is-open{opacity:1;visibility:visible}.modal-scrim{position:absolute;inset:0;background:#010406b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(690px,calc(100vw - 64px));max-height:calc(100svh - 80px);overflow:auto;background:linear-gradient(150deg,#0c161cf7,#04080bfa);border:1px solid var(--line-strong);padding:42px 42px 34px;box-shadow:0 50px 120px #0009;transform:translateY(10px);transition:transform .4s cubic-bezier(.2,.7,.2,1);scrollbar-width:thin;scrollbar-color:#3a4b54 transparent}.modal.is-open .modal-card{transform:translateY(0)}.modal-close{position:absolute;top:12px;right:16px;font-size:25px;font-weight:300;color:var(--muted);width:30px;height:30px}.modal-close:hover{color:var(--ink)}.modal-kicker{font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:var(--cyan)}.modal h2{margin:17px 0 18px;max-width:460px;font-size:43px;line-height:.98;letter-spacing:-.055em;font-weight:500}.modal>.modal-card>p{max-width:560px;margin:0;font-family:var(--cjk);line-height:1.95;letter-spacing:.06em;font-size:11.5px;color:#aab8bf}.modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:34px 0 28px;padding-top:22px;border-top:1px solid var(--line)}.modal-columns h3{margin:0 0 13px;font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.12em;color:var(--faint)}.modal-columns ul{list-style:none;margin:0;padding:0;font-family:var(--cjk);font-size:10.5px;letter-spacing:.05em;line-height:1.9;color:#a5b3ba}.modal-columns li{position:relative;padding-left:13px}.modal-columns li:before{content:"";position:absolute;top:.87em;left:0;width:4px;height:1px;background:var(--cyan)}.modal-columns li b{color:var(--ink);font-weight:500}.modal-quote{padding-top:18px;border-top:1px solid var(--line);font-family:var(--cjk);font-size:11px;letter-spacing:.08em;color:#c1cdd2}.modal-quote span{display:block;margin-top:7px;font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:var(--faint)}.intro{position:absolute;inset:0;z-index:80;background:#020406;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity 1.1s cubic-bezier(.4,0,.2,1),visibility 1.1s;overflow:hidden}#app.is-ready .intro{opacity:0;visibility:hidden;pointer-events:none}.intro-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(119,174,198,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(119,174,198,.22) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at center,black,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 70%)}.intro:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,#020406 75%);pointer-events:none}.intro-center{position:relative;z-index:2;width:min(720px,calc(100vw - 60px));display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-10px)}.intro-mark{width:68px;height:68px;color:#d7e6ec;margin-bottom:26px;animation:markPulse 4s ease-in-out infinite}.intro-mark svg{width:100%;height:100%}@keyframes markPulse{0%,to{opacity:.7;filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;filter:drop-shadow(0 0 14px rgba(89,213,243,.3))}}.intro-kicker{font-family:var(--mono);font-size:8px;letter-spacing:.25em;color:#697b84}.intro h2{margin:17px 0 11px;font-size:clamp(38px,5.9vw,78px);letter-spacing:-.065em;line-height:.88;font-weight:500;text-transform:uppercase}.intro h2 span{color:transparent;-webkit-text-stroke:1px rgba(224,239,245,.8)}.intro h2 strong{font-weight:650;color:#e9f1f4}.intro-sub{margin-top:13px;font-family:var(--mono);font-size:7.5px;letter-spacing:.18em;color:#65767f}.intro-loader{width:min(320px,66vw);margin-top:55px}.intro-loader-bar{height:1px;width:100%;background:#97c4d629;overflow:hidden}.intro-loader-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#3b8197,#eaf9fe);transition:width .3s ease;box-shadow:0 0 12px #59d5f3a6}.intro-loader-meta{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--mono);font-size:6.5px;letter-spacing:.12em;color:#5b6d76}.intro-enter{position:absolute;bottom:46px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:7px;letter-spacing:.2em;color:#47565e;opacity:0;transition:opacity .6s ease}.intro-enter.is-visible{opacity:.8}.intro-corner{position:absolute;bottom:47px;z-index:2;font-family:var(--mono);font-size:6.5px;line-height:1.8;letter-spacing:.12em;color:#3f4f57}.intro-corner-l{left:44px}.intro-corner-r{right:44px;text-align:right}.topbar,.hero-copy,.systems-panel,.controls,.view-controls,.orbit-hint,.footer-mark{transition:opacity .9s ease}#app.is-loading .topbar,#app.is-loading .hero-copy,#app.is-loading .systems-panel,#app.is-loading .controls,#app.is-loading .view-controls,#app.is-loading .orbit-hint,#app.is-loading .footer-mark{opacity:0}@media(max-width:1240px){.controls{width:min(760px,calc(100vw - 390px));grid-template-columns:106px minmax(0,1fr) 210px;gap:18px}.hero-copy{width:260px;left:28px}.systems-panel{right:26px;width:192px}.view-controls{right:26px}.view-label{display:none}}@media(max-width:980px){.topbar{padding:20px 22px;height:82px}.brand-sub{display:none}.mode-readout{font-size:8px;gap:8px}.mode-divider{width:28px}.hero-copy{left:22px;top:34%;width:230px}.hero-lede,.hero-specs{display:none}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-40px -54px -30px -42px;background:radial-gradient(ellipse at 26% 54%,rgba(2,7,10,.72),rgba(2,7,10,.28) 48%,transparent 74%);filter:blur(12px);pointer-events:none}.hero-copy h1{font-size:39px}.systems-panel{display:none}.controls{width:calc(100vw - 44px);min-width:0;bottom:23px;grid-template-columns:1fr auto;gap:12px 18px;padding:14px 16px}.control-meta{display:none}.transport{grid-column:1 / -1;grid-row:1}.action-cluster{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.transform-btn{flex:0 1 200px}.play-btn{order:0}.action-cluster .key-hint{display:none}.view-controls{right:22px;bottom:151px;opacity:.92}.orbit-hint{bottom:157px;font-size:7px}.footer-mark{display:none}.inspector{right:16px;top:82px;width:min(326px,calc(100vw - 32px))}.screen-vignette{background:radial-gradient(ellipse at 50% 42%,transparent 30%,rgba(2,5,7,.25) 66%,rgba(1,3,4,.75) 100%),linear-gradient(to bottom,rgba(1,3,5,.5),transparent 16%,transparent 72%,rgba(1,3,5,.83))}}@media(max-width:600px){.topbar{padding:17px 16px;grid-template-columns:1fr auto;height:70px}.brand{gap:9px}.brand-mark{width:28px;height:28px}.brand-title{font-size:12px}.mode-readout{display:none}.utilities{gap:0}.icon-btn{width:31px;height:31px;padding:7px}.hero-copy{display:none}.controls{bottom:10px;width:calc(100vw - 20px);padding:11px 12px 12px;gap:9px}.phase-labels{font-size:6.3px;margin-bottom:8px}.phase-labels span i{display:none}.transport{width:100%}.timeline-readout{margin-top:5px;font-size:6.5px}.transport{padding-bottom:0}.action-cluster{justify-content:stretch;gap:7px}.transform-btn{min-width:0;flex:1;height:47px}.transform-copy strong{font-size:11px;letter-spacing:.08em}.play-btn{width:36px;height:36px}.orbit-hint,.view-controls{display:none}.inspector{top:72px;left:10px;right:10px;width:auto;max-height:calc(100svh - 160px);overflow:auto}.modal-card{width:calc(100vw - 24px);padding:34px 22px 27px;max-height:calc(100svh - 30px)}.modal h2{font-size:31px}.modal-columns{grid-template-columns:1fr;gap:19px}.intro-corner{display:none}.intro h2{font-size:clamp(32px,12vw,54px)}.intro-mark{width:54px;height:54px;margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.screen-grain,.annotation .dot:before,.intro-mark{animation:none}*{scroll-behavior:auto!important}}