:root{color:#edf4ff;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#deebff2e;--muted:#dfe9f88a;--bright:#f7fbff;--signal:#92c9ff;background:#010106;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{background:#010106;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.experience{isolation:isolate;--finale:0;--lens-top-x:0vw;--lens-top-y:0vh;--lens-chapter-x:0vw;--lens-telemetry-x:0vw;--lens-timeline-x:0vw;--lens-skew-positive:0deg;--lens-skew-negative:0deg;--lens-blur:0px;--lens-stretch:1;--ui-opacity:1;background:radial-gradient(circle at 50% 45%,#070815,#010106 68%);width:100%;height:100%;min-height:34rem;position:relative;overflow:hidden}.experience:after{content:"";z-index:7;opacity:var(--finale);pointer-events:none;background:#000;position:absolute;inset:0}.experience.is-loaded{cursor:pointer}.experience.is-impacting{animation:72ms steps(2,end) infinite impact-shake}.canvas-host,.cosmos-canvas{width:100%;height:100%;position:absolute;inset:0}.cosmos-canvas{opacity:0;transition:opacity 1.4s,transform 2.5s cubic-bezier(.2,.8,.2,1);display:block;transform:scale(1.025)}.is-loaded .cosmos-canvas{opacity:1;transform:scale(1)}.film-grain,.vignette,.scanline{pointer-events:none;position:absolute;inset:0}.film-grain{z-index:4;opacity:.1;mix-blend-mode:soft-light;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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:.22s steps(2,end) infinite grain}.vignette{z-index:3;background:radial-gradient(circle at 50% 46%,#0000 34%,#0000053d 64%,#000003e0 115%);box-shadow:inset 0 0 12vw #0000008c}.scanline{z-index:4;opacity:.08;background:repeating-linear-gradient(#0000 0 3px,#abcbff1f 4px);-webkit-mask-image:linear-gradient(#0000,#000 28% 75%,#0000);mask-image:linear-gradient(#0000,#000 28% 75%,#0000)}.topbar,.timeline-ui,.chapter,.telemetry{z-index:6;opacity:0;transition:opacity 1s .5s;position:absolute}.is-loaded .topbar,.is-loaded .timeline-ui,.is-loaded .chapter,.is-loaded .telemetry{opacity:1}.topbar{border-bottom:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;align-items:center;width:100%;padding:clamp(1.25rem,2.4vw,2.4rem) clamp(1.25rem,3.4vw,4rem);font-family:Space Mono,Cascadia Code,Consolas,monospace;font-size:.72rem;display:flex;top:0;left:0}.brand,.system-status{align-items:center;gap:.65rem;display:flex}.brand__signal,.system-status__dot{background:var(--signal);width:.38rem;height:.38rem;box-shadow:0 0 .75rem var(--signal);border-radius:50%;display:inline-block}.brand__cn{color:var(--muted);letter-spacing:.15em}.system-status{color:var(--muted);letter-spacing:.08em}.system-status__dot{background:#83f0c3;width:.32rem;height:.32rem;box-shadow:0 0 .7rem #59ffb8d9}.chapter{grid-template-columns:2.7rem minmax(15rem,24rem);gap:1.3rem;display:grid;top:50%;left:clamp(1.25rem,5.7vw,6.5rem);transform:translateY(-44%)}.chapter__index{color:var(--muted);letter-spacing:.08em;writing-mode:vertical-rl;margin:.25rem 0 0;font:.68rem/1 Space Mono,Cascadia Code,Consolas,monospace}.eyebrow{color:var(--signal);letter-spacing:.19em;margin:0 0 .75rem;font:.68rem/1.4 Space Mono,Cascadia Code,Consolas,monospace}.chapter h1{color:var(--bright);letter-spacing:-.055em;text-shadow:0 0 2rem #aacdff1c;margin:0;font-size:clamp(2.6rem,5vw,5.3rem);font-weight:300;line-height:.98}.chapter__note{border-top:1px solid var(--line);width:-moz-fit-content;width:fit-content;color:var(--muted);letter-spacing:.08em;margin:1.2rem 0 0;padding-top:.8rem;font-size:.83rem;font-weight:300}.advance-hint{color:#dfe9f875;letter-spacing:.08em;align-items:center;gap:.65rem;margin:1.1rem 0 0;font:.72rem/1.4 Space Mono,Cascadia Code,Consolas,monospace;display:flex}.advance-hint span{color:#eff8ffb8;border:1px solid #deebff38;border-radius:.18rem;padding:.18rem .38rem;font-size:.62rem}.telemetry{color:#dce8fa59;letter-spacing:.09em;flex-direction:column;align-items:flex-end;gap:.5rem;font:.62rem/1 Space Mono,Cascadia Code,Consolas,monospace;display:flex;top:50%;right:clamp(1.25rem,3.4vw,4rem);transform:translateY(-50%)}.timeline-ui{cursor:default;grid-template-columns:1fr auto;gap:.8rem 1.6rem;display:grid;bottom:clamp(1.4rem,3.2vw,3.5rem);left:clamp(1.25rem,3.4vw,4rem);right:clamp(1.25rem,3.4vw,4rem)}.timeline-ui__labels{color:var(--muted);letter-spacing:.08em;grid-template-columns:7rem 1fr auto;align-items:end;font:.61rem/1 Space Mono,Cascadia Code,Consolas,monospace;display:grid}.timeline-ui__labels span:nth-child(2){justify-self:center}.timecode{color:var(--bright);font-size:.78rem}.timeline-track{grid-column:1;height:1.1rem;position:relative}.timeline-track:before{content:"";background:#dcebff2e;height:1px;position:absolute;top:50%;left:0;right:0}.timeline-track__fill{z-index:1;transform-origin:0;will-change:transform;background:linear-gradient(90deg,#ff7a25 0%,#dceeff 56%,#72aaff 75%,#ffce86 100%);height:1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 1rem #87beff8c}.timeline-track__marker{z-index:2;pointer-events:none;background:#050711;border:1px solid #deebff52;border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-track__marker.active{background:#e9f5ff;border-color:#e9f5ff;box-shadow:0 0 .65rem #addbffd9}.timeline-scrubber{z-index:3;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.timeline-scrubber::-webkit-slider-runnable-track{background:0 0;height:1.1rem}.timeline-scrubber::-webkit-slider-thumb{appearance:none;background:#f5fbff;border:2px solid #07101c;border-radius:50%;width:.82rem;height:.82rem;margin-top:.14rem;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1px #ffffff94,0 0 1rem #82caffe6}.timeline-scrubber::-moz-range-track{background:0 0;height:1.1rem}.timeline-scrubber::-moz-range-thumb{background:#f5fbff;border:2px solid #07101c;border-radius:50%;width:.68rem;height:.68rem;box-shadow:0 0 0 1px #ffffff94,0 0 1rem #82caffe6}.timeline-scrubber:hover::-webkit-slider-thumb{transform:scale(1.28);box-shadow:0 0 0 2px #ffffff61,0 0 1.2rem #82caff}.timeline-scrubber:focus-visible::-webkit-slider-thumb{transform:scale(1.28);box-shadow:0 0 0 2px #ffffff61,0 0 1.2rem #82caff}.timeline-scrubber:focus-visible{outline:none}.controls{grid-area:1/2/3;align-items:flex-end;gap:.45rem;display:flex}.icon-button{border:1px solid var(--line);color:#eff8ffc2;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);cursor:pointer;background:#04070f4d;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;padding:0;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid}.icon-button:hover,.icon-button:focus-visible{color:#fff;background:#82b4eb1a;border-color:#dcf0ff8f;outline:none;transform:translateY(-2px)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.loader{z-index:20;background:#010106;place-content:center;place-items:center;display:grid;position:absolute;inset:0}.loader__mark{width:5rem;height:5rem;margin-bottom:1.7rem;position:relative}.loader__mark span{border:1px solid #89beff52;border-radius:50%;animation:2.2s linear infinite orbit;position:absolute;inset:0}.loader__mark span:nth-child(2){border-color:#ff903c75;animation-duration:1.4s;animation-direction:reverse;inset:.7rem}.loader__mark span:nth-child(3){background:#fff;border:0;animation:1.1s ease-in-out infinite alternate pulse;inset:2rem;box-shadow:0 0 1.6rem #ff8238,0 0 4rem #ff5c18b3}.loader__error{color:#ffb796;text-align:center;max-width:24rem;font-size:.85rem;line-height:1.8}.final-wordmark{z-index:8;color:#f7fbff;letter-spacing:.4em;text-indent:.4em;text-shadow:0 0 2rem #ffffff5c;pointer-events:none;opacity:0;visibility:hidden;filter:blur(1.4rem);place-items:center;font-size:clamp(3rem,8vw,7rem);font-weight:300;transition:opacity 1.25s,filter 1.8s,transform 2.2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0;transform:scale(.94)}.final-wordmark.visible{visibility:visible;filter:blur();transform:scale(1)}.experience.is-lensing .topbar{opacity:var(--ui-opacity);transform:translate(var(--lens-top-x), var(--lens-top-y)) skewX(var(--lens-skew-positive)) scaleX(var(--lens-stretch));filter:blur(var(--lens-blur))}.experience.is-lensing .chapter{opacity:var(--ui-opacity);transform:translateY(-44%) translateX(var(--lens-chapter-x)) skewY(var(--lens-skew-negative)) scaleX(var(--lens-stretch));filter:blur(var(--lens-blur))}.experience.is-lensing .telemetry{opacity:var(--ui-opacity);transform:translateX(var(--lens-telemetry-x)) skewX(var(--lens-skew-negative));filter:blur(var(--lens-blur))}.experience.is-lensing .timeline-ui{opacity:var(--ui-opacity);transform:translateX(var(--lens-timeline-x)) skewX(var(--lens-skew-positive));filter:blur(var(--lens-blur))}.experience.is-ending .film-grain,.experience.is-ending .scanline{opacity:0;transition:opacity 1.8s}.experience.is-ending .cosmos-canvas{opacity:calc(1 - var(--finale))}.flash{z-index:9;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash.active{animation:.7s ease-out both white-flash}.phase-enter-active,.phase-leave-active{transition:opacity .35s,transform .42s cubic-bezier(.2,.8,.2,1),filter .35s}.phase-enter-from{opacity:0;filter:blur(.5rem);transform:translateY(1rem)}.phase-leave-to{opacity:0;filter:blur(.5rem);transform:translateY(-.7rem)}.loader-leave-active{transition:opacity 1s,filter 1s}.loader-leave-to{opacity:0;filter:blur(1.5rem)}.wordmark-enter-active,.wordmark-leave-active{transition:opacity .8s,letter-spacing 1.6s cubic-bezier(.2,.8,.2,1),filter .8s}.wordmark-enter-from,.wordmark-leave-to{opacity:0;filter:blur(1.6rem);letter-spacing:.9em}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1.5%)}75%{transform:translate(1.5%,1.5%)}to{transform:translate(-1%,-1%)}}@keyframes orbit{to{transform:rotate(360deg)scaleX(.65)}}@keyframes pulse{to{opacity:.55;transform:scale(1.35)}}@keyframes white-flash{0%{opacity:0}12%{opacity:1}26%{opacity:.92}to{opacity:0}}@keyframes impact-shake{0%{transform:translate(-.22vw,.14vh)rotate(-.032deg)scale(1.015)}25%{transform:translate(.18vw,-.19vh)rotate(.042deg)scale(1.015)}50%{transform:translate(.24vw,.11vh)rotate(-.028deg)scale(1.015)}75%{transform:translate(-.14vw,-.17vh)rotate(.025deg)scale(1.015)}to{transform:translate(-.2vw,.18vh)rotate(-.038deg)scale(1.015)}}@media (max-width:760px){.brand__cn,.telemetry,.timeline-ui__labels span:nth-child(2){display:none}.chapter{grid-template-columns:1.8rem minmax(0,1fr);top:auto;bottom:8.8rem;left:1.25rem}.chapter h1{font-size:clamp(2.5rem,13vw,4rem)}.chapter__note{max-width:calc(100vw - 5.5rem);font-size:.75rem}.timeline-ui,.timeline-ui__labels{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){.film-grain,.loader__mark span,.flash.active,.experience.is-impacting{animation-duration:4s}}