:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--carbon:#05070b;--bone:#d8d0c4;--cold-white:#eef7ff;--amber:#ff9e3d;--cyan:#6feaff;--muted:#d8d0c494;--hairline:#eef7ff2e;--font-display:"Arial Narrow", "Aptos Narrow", "Roboto Condensed", sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--carbon);width:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--cold-white);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}button:focus-visible{outline:1px solid var(--cyan);outline-offset:5px}.demo{isolation:isolate;background:var(--carbon);position:fixed;inset:0;overflow:hidden}.demo__canvas{opacity:0;background:radial-gradient(circle at 48% 46%, #29375338, transparent 44%), var(--carbon);width:100%;height:100%;transition:opacity .65s;display:block;position:absolute;inset:0}.demo[data-engine=ready] .demo__canvas{opacity:1}.demo__texture{z-index:1;pointer-events:none;opacity:.28;mix-blend-mode:screen;background:linear-gradient(90deg,#0000 49.9%,#6feaff06 50%,#0000 50.1%) 0 0/31vw 100%,repeating-linear-gradient(0deg,#0000 0 3px,#0000002e 4px) 0 0/100% 4px;position:absolute;inset:0}.boot{z-index:5;padding:max(1.5rem, env(safe-area-inset-top)) clamp(1.5rem, 7vw, 7rem) max(1.5rem, env(safe-area-inset-bottom));background:radial-gradient(circle at 74% 48%, #22354833, transparent 34%), var(--carbon);align-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.boot__copy{z-index:1;width:min(47rem,100%);position:relative}.boot h1{color:var(--cold-white);font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;flex-direction:column;align-items:flex-start;margin:0;font-size:clamp(3.35rem,9.4vw,9.3rem);font-weight:700;font-stretch:75%;line-height:.78;display:flex}.boot h1 span:last-child{color:#0000;-webkit-text-stroke:1px #eef7ff9e}.boot__status{color:#eef7ff9e;letter-spacing:.22em;align-items:center;gap:.7rem;min-height:1.2rem;margin:clamp(2rem,3vw,2.8rem) 0 0;font-size:clamp(.58rem,.76vw,.68rem);line-height:1.5;display:flex}.boot__status>span{background:var(--amber);will-change:opacity, transform;flex:none;width:.38rem;height:.38rem;animation:.9s ease-in-out infinite alternate boot-beacon}.boot__meta{color:#eef7ff42;letter-spacing:.16em;margin:.8rem 0 0 1.08rem;font-size:.55rem}.boot__instrument{aspect-ratio:1;opacity:.58;pointer-events:none;width:min(42vw,34rem);position:absolute;top:50%;right:clamp(-8rem,3vw,4rem);transform:translateY(-50%)}.boot__frame{will-change:opacity, transform;border:1px solid #6feaff30;animation:3.2s ease-in-out infinite alternate boot-breathe;position:absolute}.boot__frame:first-child{inset:4%}.boot__frame:nth-child(2){border-color:#eef7ff21;animation-delay:-1.05s;inset:18%}.boot__frame:nth-child(3){border-color:#ff9e3d33;animation-delay:-2.1s;inset:32%}.boot__trace{background:#ff9e3d38;width:140%;height:1px;position:absolute;top:50%;left:-35%;transform:rotate(-4deg)}.boot__trace:after{content:"";background:linear-gradient(90deg, transparent, var(--amber));will-change:transform;width:20%;height:5px;animation:1.65s cubic-bezier(.45,0,.55,1) infinite boot-thought;position:absolute;top:-2px;left:0;transform:translate(-110%)}.entry,.ending{z-index:3;width:min(47rem,100vw - 3rem);animation:1.15s cubic-bezier(.16,1,.3,1) both interface-in;position:absolute;top:50%;left:clamp(1.5rem,7vw,7rem);transform:translateY(-50%)}.entry:before,.ending:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 32%,#05070be6,#0000 67%);position:absolute;inset:-8rem -10rem}.entry__rule{background:var(--amber);transform-origin:0;width:clamp(3.5rem,8vw,7rem);height:1px;margin-bottom:1.4rem;animation:1.4s cubic-bezier(.16,1,.3,1) .15s both rule-open;box-shadow:0 0 1rem #ff9e3db3}.eyebrow{color:var(--amber);letter-spacing:.26em;margin:0 0 1rem;font-size:clamp(.62rem,.75vw,.72rem);font-weight:600;line-height:1.5}.entry h1,.ending h2{color:var(--cold-white);font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;flex-direction:column;align-items:flex-start;margin:0;font-size:clamp(3.35rem,9.4vw,9.3rem);font-weight:700;font-stretch:75%;line-height:.78;display:flex}.entry h1 span:last-child{color:#0000;-webkit-text-stroke:1px #eef7ff9e}.entry__summary{color:var(--muted);letter-spacing:.06em;margin:clamp(1.8rem,3vw,2.8rem) 0 0;font-size:clamp(.72rem,1vw,.86rem);line-height:1.85}.entry__actions{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.action{border:1px solid var(--hairline);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:#05070b75;border-radius:0;min-height:3.05rem;padding:.8rem 1.25rem;font-size:.68rem;font-weight:600;transition:border-color .18s,background .18s,color .18s}.action:hover:not(:disabled){color:#fff;background:#6feaff12;border-color:#6feaffb8}.action:disabled{cursor:wait;opacity:.6}.action--primary{border-color:var(--amber);background:var(--amber);color:#110b06}.action--primary:hover:not(:disabled){color:#090603;background:#ffc17b;border-color:#ffc17b}.action--quiet{color:#eef7ffad}.entry__meta{color:#eef7ff4d;letter-spacing:.14em;margin:1.15rem 0 0;font-size:.58rem}.entry--error h1{max-width:13ch;font-size:clamp(2.4rem,6vw,6rem);line-height:.9}.hud{z-index:3;color:#eef7ff66;letter-spacing:.18em;pointer-events:none;justify-content:space-between;font-size:clamp(.54rem,.7vw,.66rem);display:flex;position:absolute;top:clamp(1rem,3vw,2.5rem);left:clamp(1rem,3vw,3rem);right:clamp(1rem,3vw,3rem)}.hud__movement{color:#eef7ffb3}.caption{z-index:3;max-width:min(72vw,66rem);min-height:2em;color:var(--cold-white);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 2.5rem #05070bf2;pointer-events:none;flex-direction:column;font-size:clamp(1.4rem,4vw,4.6rem);font-weight:600;line-height:.92;display:flex;position:absolute;top:44%;left:clamp(1.5rem,8vw,8rem)}.caption span{animation:.9s cubic-bezier(.16,1,.3,1) both caption-reveal}.caption span:nth-child(2){animation-delay:.13s}.caption--right{text-align:right;align-items:flex-end;left:auto;right:clamp(1.5rem,8vw,8rem)}.caption--center{text-align:center;align-items:center;left:8vw;right:8vw}.caption--quiet{color:#eef7ffbd;font-family:var(--font-mono);letter-spacing:.26em;font-size:clamp(.68rem,1vw,.88rem);font-weight:500;top:50%}.pause-card{z-index:5;border:1px solid var(--hairline);color:#eef7ff8c;cursor:pointer;letter-spacing:.18em;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#05070be0;flex-direction:column;align-items:flex-start;gap:.65rem;min-width:min(22rem,100vw - 3rem);padding:1.25rem 1.4rem;font-size:.6rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pause-card strong{color:var(--cold-white);font-size:.82rem}.transport{z-index:4;opacity:.48;transition:opacity .22s;position:absolute;bottom:clamp(1rem,2.5vw,2.4rem);left:clamp(1rem,3vw,3rem);right:clamp(1rem,3vw,3rem)}.transport:hover,.transport:focus-within,.demo[data-state=paused] .transport{opacity:1}.transport__time{color:#eef7ff8c;letter-spacing:.08em;justify-content:space-between;margin-bottom:.45rem;font-size:.54rem;display:flex}.transport__progress{appearance:none;background:#eef7ff26;border:0;width:100%;height:1px;display:block}.transport__progress::-webkit-progress-bar{background:#eef7ff26}.transport__progress::-webkit-progress-value{background:var(--amber);box-shadow:0 0 .7rem #ff9e3db3}.transport__progress::-moz-progress-bar{background:var(--amber);box-shadow:0 0 .7rem #ff9e3db3}.transport__controls{flex-wrap:wrap;justify-content:flex-end;gap:.1rem 1.2rem;margin-top:.75rem;display:flex}.transport__controls button{color:#eef7ff85;cursor:pointer;letter-spacing:.12em;background:0 0;border:0;padding:.3rem 0;font-size:.55rem;transition:color .16s}.transport__controls button:hover:not(:disabled){color:var(--cold-white)}.transport__controls button:disabled{cursor:default;opacity:.45}.ending h2{max-width:12ch;font-size:clamp(2.8rem,7vw,7rem);line-height:.9}.ending .action{margin-top:2rem}@keyframes interface-in{0%{opacity:0;transform:translateY(calc(1.1rem - 50%))}to{opacity:1;transform:translateY(-50%)}}@keyframes rule-open{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes caption-reveal{0%{opacity:0;filter:blur(.35rem);transform:translateY(.75em)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes boot-thought{to{transform:translate(600%)}}@keyframes boot-breathe{0%{opacity:.45;transform:scale(.97)rotate(-.5deg)}to{opacity:1;transform:scale(1.03)rotate(.5deg)}}@keyframes boot-beacon{0%{opacity:.38;transform:scale(.72)}to{opacity:1;transform:scale(1.1)}}@media (max-width:700px){.entry,.ending{width:calc(100vw - 2.5rem);left:1.25rem}.entry h1,.boot h1{font-size:clamp(3rem,19vw,6rem)}.boot__instrument{opacity:.3;width:110vw;right:-42vw}.entry__summary br{display:none}.caption{max-width:none;left:1.5rem;right:1.5rem}.caption--right{left:1.5rem;right:1.5rem}.transport__controls{flex-wrap:nowrap;justify-content:flex-start;gap:.1rem .55rem}.transport__controls button{letter-spacing:.055em;white-space:nowrap;font-size:.48rem}}@media (prefers-reduced-motion:reduce){.entry,.ending,.entry__rule,.caption span,.boot__frame,.boot__trace:after,.boot__status>span{animation-duration:1ms;animation-delay:0s}.action,.demo__canvas,.transport,.transport__controls button{transition-duration:1ms}}