:root{--bg: #000;--ink: #f2efe9;--muted: #9a958d;--accent: #ffcf7a;--line: rgba(242,239,233,.16);--card: rgba(0,0,0,.6)}:root[data-theme=light]{--bg: #000}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink)}body{font:16px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.app{position:relative;height:100dvh;overflow:hidden;overflow:clip}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;object-fit:cover}.layer.on{opacity:1}.layer.image{background-size:cover;background-position:center;will-change:transform,opacity}#hand{transform:scaleX(-1);filter:contrast(1.05);transition:opacity .9s ease}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px 84px;gap:10px;overflow:auto}.screen>*{flex-shrink:0}.app[data-screen=intro] .screen[data-for=intro],.app[data-screen=star] .screen[data-for=star],.app[data-screen=end] .screen[data-for=end]{display:flex}.screen.card{background:radial-gradient(ellipse at center,#0000008c,#000000d9)}h1{font:300 clamp(40px,7.5vw,88px)/1.02 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;margin:0}h2{font:300 clamp(34px,6vw,64px)/1.05 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;margin:0}.lede{max-width:600px;margin:4px 0 8px;font-size:17px}.big{font:400 clamp(22px,3.4vw,32px) "Inter Tight",sans-serif;margin:0;color:var(--accent)}.kicker{font:500 12px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0}.fine{color:var(--muted);font-size:13px;max-width:560px;margin:0}.fine a{color:var(--ink);text-decoration-color:#ffffff59;text-underline-offset:3px;white-space:nowrap}.form{display:flex;flex-direction:column;gap:14px;width:min(92vw,460px);margin-top:6px}.field{display:flex;flex-direction:column;text-align:left;gap:4px;font:500 12px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input{font:400 20px Inter Tight,Inter,sans-serif;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:8px 0;outline:none;width:100%;letter-spacing:0;text-transform:none}.field input:focus{border-color:var(--accent)}.row-inline{display:flex;gap:8px;align-items:center}.btn{font:500 15px Inter,sans-serif;padding:12px 22px;border-radius:999px;border:1px solid var(--line);background:#00000080;color:var(--ink);cursor:pointer}.btn.primary{background:var(--ink);color:#000;border-color:var(--ink)}.btn.ghost{color:var(--ink)}.btn.small{padding:8px 14px;font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.hud{position:absolute;left:0;right:0;bottom:0;padding:14px 18px 16px;background:linear-gradient(to top,#000000bf,#0000);pointer-events:none}.hud>*{pointer-events:auto}.scale{display:flex;align-items:baseline;gap:14px}.pow{font:300 clamp(30px,5vw,52px)/1 "Inter Tight",sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:4.2em}.pow sup{font-size:.55em;vertical-align:top}.bar{position:relative;width:220px;height:12px;flex-shrink:0;align-self:center}.bar b{position:absolute;left:0;top:5px;width:100%;height:2px;background:var(--ink);transform-origin:0 50%;will-change:transform}.bar i,.bar em{position:absolute;left:0;top:0;width:2px;height:12px;background:var(--ink)}.bar em{will-change:transform}.human{color:var(--muted);font-size:14px;will-change:transform;white-space:nowrap}.caption{font:300 clamp(17px,2.4vw,24px)/1.35 "Inter Tight",sans-serif;max-width:720px;margin:8px 0 6px;min-height:2.7em;transition:opacity .3s ease;text-wrap:pretty}.caption.out{opacity:0}.controls{display:flex;align-items:center;gap:12px}.controls input[type=range]{flex:1;max-width:520px;accent-color:var(--accent)}#music[aria-pressed=false]{color:var(--muted)}@media(max-width:480px){.controls{flex-wrap:wrap;gap:8px 10px}.controls input[type=range]{order:5;flex-basis:100%;max-width:none}}.hud.asking .caption{display:none}.ask{max-width:720px;margin:8px 0 6px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.ask.in{opacity:1;transform:none}.ask-row{display:flex;gap:8px;align-items:center}.ask-row input{flex:1;min-width:0;font:300 clamp(17px,2.2vw,21px) "Inter Tight",Inter,sans-serif;background:#00000073;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 16px;outline:none}.ask-row input:focus{border-color:var(--accent)}.ask-row .btn.primary{padding:8px 16px}#ask-mic.live{border-color:var(--accent);color:var(--accent)}.ask-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font:400 13px Inter,sans-serif;color:var(--ink);background:#0006;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}.chip:hover:not(:disabled){border-color:var(--accent)}.ask button:disabled,.ask input:disabled{opacity:.45;cursor:default}.ask-answer{font:300 clamp(16px,2.1vw,21px)/1.4 "Inter Tight",sans-serif;margin:8px 0 0;min-height:1.4em;text-wrap:pretty}.ask-answer:empty{display:none}.ask-answer.quiet{color:var(--muted);font-size:15px}.ask-answer.thinking{color:var(--muted)}.ask-answer.thinking:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:ask-dots 1.2s steps(4) infinite}@keyframes ask-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#ask-open[hidden],.ask[hidden]{display:none}@media(max-width:480px){.ask-row{flex-wrap:wrap}.ask-row input{flex-basis:100%}.chip{font-size:12px}}@media(prefers-reduced-motion:reduce){.ask{transition:none}.ask-answer.thinking:after{animation:none;content:"..."}}.attrib{color:var(--muted);font-size:11px;margin:6px 0 0;min-height:1.2em}.plabels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.plabel{position:absolute;left:0;top:0;font:400 12px Inter,sans-serif;color:var(--muted);letter-spacing:.04em;text-shadow:0 1px 4px #000;white-space:nowrap;will-change:transform,opacity}.plabel.helio{color:#9fb8d8}.credits{position:absolute;left:16px;top:14px;font-size:12px;color:var(--muted);max-width:min(92vw,600px);z-index:5}.credits summary{cursor:pointer}.credits details[open]{background:var(--card);padding:10px 12px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.credits a{color:var(--ink)}@media(max-width:720px){.credits{display:none}.app[data-screen=intro] .credits,.app[data-screen=end] .credits{display:block}.human{display:none}}@media(max-width:720px){.bar{width:120px}}@media(prefers-reduced-motion:reduce){#hand,.caption{transition:none}}