:root{color-scheme:dark;--void:#05080B;--grid:#11202A;--line:#1E3340;--dust:#C9DCE6;--muted:#8DA2AE;--jade:#38D6A6;--display:"Archivo","Avenir Next",system-ui,sans-serif;--body:"Manrope","Helvetica Neue",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}html,body{background:var(--void);color:var(--dust)}body{font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:hidden}.grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;opacity:.55;mask-image:radial-gradient(ellipse at 68% 50%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 68% 50%,#000 20%,transparent 75%)}#field{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}.hud{position:fixed;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-inline:max(16px,3vw);pointer-events:none}.hud.top{top:0;padding-top:calc(env(safe-area-inset-top,0px) + 14px)}.sound{display:flex;align-items:center;gap:.35rem;pointer-events:auto}.sound button,.sound select{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--void) 80%,transparent);border:1px solid var(--line);border-radius:3px;padding:.4rem .6rem;cursor:pointer}.sound select{text-transform:none;letter-spacing:.04em;max-width:13rem;color:var(--dust)}.sound button:focus-visible,.sound select:focus-visible{outline:2px solid var(--jade);outline-offset:2px}#snd{display:flex;align-items:center;gap:.5rem}#snd[aria-pressed=true]{color:var(--jade);border-color:var(--jade)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.eq i{width:2px;height:3px;background:currentColor;transition:height .12s}.credit{margin-left:.5rem;text-transform:none;letter-spacing:.04em}.credit a,.listen a{color:var(--dust);text-decoration:underline;text-decoration-color:var(--jade);text-underline-offset:3px}.credit a:focus-visible,.listen a:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hud.bottom{bottom:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.brand{color:var(--dust);letter-spacing:.24em}.lang{pointer-events:auto;color:var(--muted);text-decoration:none;margin-left:1.4rem;border-bottom:1px solid var(--line)}.lang:hover,.lang:focus-visible{color:var(--jade);border-color:var(--jade);outline:none}.side{display:flex;align-items:center}.meter{display:flex;align-items:center;gap:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.bar{width:88px;height:2px;background:var(--grid);position:relative;overflow:hidden}.bar i{position:absolute;inset:0;width:0;background:var(--jade)}#stage{color:var(--jade)}main{position:relative;z-index:2;padding-inline:max(16px,5vw)}.scene{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-block:14vh;pointer-events:none}.panel{max-width:min(36rem,42vw);display:flex;flex-direction:column;gap:1.1rem;pointer-events:auto}.eyebrow{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--jade);margin:0}h1,h2{font-family:var(--display);font-stretch:125%;font-weight:500;margin:0;text-wrap:balance;color:var(--dust)}h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.03;letter-spacing:-.015em}h2{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.01em}p{margin:0;max-width:60ch}.lede{font-size:1.18rem}.panel p:not(.eyebrow):not(.hint):not(.tags){font-size:1.14rem}.quiet{color:var(--muted);font-size:.95rem}.tags{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:.9rem}.hint{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hint b{color:var(--jade);font-weight:500}.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:.5rem}.steps li{counter-increment:s;position:relative;padding-left:2.2rem;color:var(--muted);font-size:1.02rem}.steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.3rem;font:500 .8rem var(--mono);color:var(--jade)}.steps b{color:var(--dust);font-weight:500}.more{font:500 .8rem var(--mono);letter-spacing:.08em;color:var(--jade);text-decoration:underline;text-underline-offset:3px}.more:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font:500 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.links a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}.links a:hover,.links a:focus-visible{color:var(--jade);border-color:var(--jade);outline:none}.links.legal{font-size:.68rem;color:var(--muted)}.scene.wide .panel{max-width:min(46rem,56vw)}.offer{list-style:none;margin:0;padding:0;display:grid;gap:0}.offer li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:1.2rem;padding-block:.85rem;border-top:1px solid var(--line)}.offer li:last-child{border-bottom:1px solid var(--line)}.offer b{font-family:var(--display);font-stretch:125%;font-weight:400;font-size:1.02rem;color:var(--dust);line-height:1.35}.offer span{color:var(--muted);font-size:1rem}.offer li.ai b{color:var(--jade)}.offer b a{font:inherit;letter-spacing:inherit;color:inherit;text-decoration:underline;text-decoration-color:var(--jade);text-underline-offset:4px}.ideaform{display:flex;flex-wrap:wrap;gap:.6rem}.ideaform input{flex:1 1 16rem;min-width:0;font:400 1.05rem var(--body);color:var(--dust);background:color-mix(in srgb,var(--void) 80%,transparent);border:1px solid var(--line);border-radius:3px;padding:.8rem .9rem}.ideaform input:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.ideaform button,.chips button,.cta button{font:500 .8rem var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:3px;cursor:pointer}.ideaform button{background:var(--jade);color:var(--void);border:0;padding:.8rem 1.1rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:.45rem .7rem;letter-spacing:.06em;text-transform:none;font-size:.82rem}.chips button:hover,.chips button:focus-visible{color:var(--dust);border-color:var(--jade);outline:none}.readout{font-family:var(--mono);font-size:.85rem;color:var(--muted);border-left:2px solid var(--jade);padding-left:.8rem}.readout b{color:var(--jade);font-weight:500}.answer{border-left:2px solid var(--jade);padding:.2rem 0 .2rem .9rem;display:flex;flex-direction:column;gap:.45rem}.answer blockquote{margin:0;font-size:1.06rem;color:var(--dust)}.answer .src{font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.04em}.answer .src a{color:var(--jade);text-decoration:underline;text-underline-offset:3px}.answer.unknown{border-left-color:var(--muted)}.answer.unknown blockquote{font-family:var(--display);font-stretch:125%;font-weight:400}.answer .why{font-family:var(--mono);font-size:.78rem;color:var(--muted)}.answer .why b{color:var(--dust);font-weight:500}.door{display:flex;flex-wrap:wrap;gap:.5rem}.door button{font:500 .8rem var(--mono);letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:.5rem .8rem;cursor:pointer}.door button[aria-pressed=true]{color:var(--void);background:var(--jade);border-color:var(--jade)}.door button:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.wire{font:400 .8rem/1.55 var(--mono);color:var(--dust);background:color-mix(in srgb,var(--void) 85%,transparent);border:1px solid var(--line);border-radius:3px;padding:.8rem .9rem;margin:0;white-space:pre-wrap;word-break:break-word;max-height:17rem;overflow:auto}.wire .k{color:var(--jade)}.wirecap{font-size:.92rem;color:var(--muted);margin:0}.wirecap b{color:var(--dust);font-weight:500}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem}.cta .mail{font-family:var(--mono);font-size:1rem;color:var(--dust);user-select:all;border:1px solid var(--line);padding:.6rem .9rem;border-radius:3px}.cta button{font:500 .8rem var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--jade);color:var(--void);border:0;border-radius:3px;padding:.75rem 1.1rem;cursor:pointer}.cta button:focus-visible,.cta .mail:focus-visible{outline:2px solid var(--jade);outline-offset:3px}@media(max-width:760px){.scene{box-sizing:border-box;align-items:flex-end;padding-block:52vh 64px;padding-block:52svh 64px}.scene:first-child{padding-top:104px;padding-bottom:76px}.panel,.scene.wide .panel{max-width:100%}.scene:not(:first-child) .panel{max-height:calc(48vh - 72px);max-height:calc(48svh - 72px);overflow-y:auto}.panel{background:color-mix(in srgb,var(--void) 78%,transparent);padding:1.1rem;border:1px solid var(--grid);border-radius:3px}.scene:first-child .panel{background:none;border:0;padding:0;text-shadow:0 0 6px var(--void),0 0 14px var(--void),0 0 24px var(--void)}.offer li{grid-template-columns:minmax(0,1fr);gap:.2rem}.bar{width:56px}.hud.bottom .note,#weight{display:none}.hud.bottom{justify-content:flex-end}.sound select{max-width:9rem}.credit,.hud .lang{display:none}}@media(max-width:400px){.hud.top .bar{display:none}}
