:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d5e4ef;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{min-width:280px}button{font:inherit}.experience{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;height:100dvh;min-height:100svh;display:grid;position:relative;overflow:hidden}.wordmark{z-index:2;padding:max(1.5rem, calc(var(--safe-area-inset-top) + .75rem)) 5rem 1.25rem;text-align:center;text-transform:uppercase;letter-spacing:.24em;color:#b8c7d2;text-shadow:0 1px 8px #000;margin:0;font-size:.875rem;font-weight:500;line-height:1.25;position:relative}.ball-stage{pointer-events:none;perspective:1000px;min-height:0;position:relative;container-type:size}.ball{--tilt-x:0;--tilt-y:0;aspect-ratio:1;width:min(170vw,100cqh,58rem);transform:translate(-50%, -50%) rotateX(calc(var(--tilt-y) * -3deg)) rotateY(calc(var(--tilt-x) * 3deg));transition:transform .35s ease-out;position:absolute;top:50%;left:50%}.ball-shell{-webkit-user-select:none;user-select:none;width:100%;display:block}.window{aspect-ratio:1;isolation:isolate;perspective:600px;border-radius:50%;width:43%;position:absolute;top:48%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:inline-size}.liquid{opacity:.5;background:radial-gradient(at 50% 70%,#05237855,#0000 65%);transition:opacity 1.5s;position:absolute;inset:0;box-shadow:inset 0 0 2rem 1rem #0009}.has-answer .liquid{opacity:1}.answer-float{transform:translate(calc(var(--tilt-x) * -5px), calc(var(--tilt-y) * -4px)) rotateX(calc(var(--tilt-y) * 5deg)) rotateY(calc(var(--tilt-x) * -5deg));transform-origin:50% 60%;transition:transform .65s cubic-bezier(.2,.65,.3,1);position:absolute;inset:0}.answer-triangle{clip-path:polygon(3% 0,97% 0,100% 3%,53% 98%,50% 100%,47% 98%,0 3%);background:radial-gradient(at 35% 20%,#2563f766,#0000 60%),linear-gradient(165deg,#123fd433,#0730b433 45%,#01145288),url(/assets/blue-resin.png) 50%/cover;width:80%;height:65%;animation:1.8s cubic-bezier(.16,.65,.26,1) backwards surface;position:absolute;top:28%;left:10%;box-shadow:inset 0 2px 7px #628bff88}.answer-triangle p{color:#a9dafa;text-align:center;text-transform:uppercase;letter-spacing:.025em;text-shadow:0 0 5px #5ab6ff99;width:80%;margin:12% auto 0;font-size:clamp(.8rem,6.5cqw,1.65rem);font-weight:500;line-height:1.18}.answer-triangle.has-compact-answer p{width:68%;margin-top:9%;font-size:clamp(.65rem,5cqw,1.2rem);line-height:1.1}.glass{border-radius:inherit;transform:translate(calc(var(--tilt-x) * 1px), calc(var(--tilt-y) * 1px));background:radial-gradient(at 26% 16%,#d0e6ff0d,#0000 40%),linear-gradient(135deg,#0000 16%,#a7d3ff0a 24%,#0000 34%);transition:transform .5s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 20px 10px #0009,inset -4px -2px 9px #9bc9ff18}.glass:before{content:"";transform:translate(calc(var(--tilt-x) * 12px), calc(var(--tilt-y) * 9px));background:linear-gradient(128deg,#0000 23%,#c5e4ff18 29%,#f0f8ff24 31%,#c5e4ff0a 35%,#0000 42%);transition:transform .35s ease-out;position:absolute;inset:-15%}.surface-reflection{pointer-events:none;mix-blend-mode:screen;transform:translate(calc(var(--tilt-x) * 9px), calc(var(--tilt-y) * 7px)) rotate(calc(var(--tilt-x) * 2deg));background:radial-gradient(at 37% 13%,#eff7ff30,#c9ddf510 18%,#0000 33%),radial-gradient(at 85% 65%,#b0cdf014,#0000 23%);border-radius:50%;transition:transform .35s ease-out;position:absolute;inset:3%}.player-controls{z-index:2;min-height:0;padding:clamp(.75rem, 2.5svh, 1.5rem) 1.5rem max(1rem, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0000,#000b);flex-direction:column;grid-row:3;justify-content:flex-start;align-items:center;gap:.65rem;display:flex;overflow-y:auto}.player-controls p{color:#9aaebf;max-width:24rem;margin:0;font-size:.875rem;line-height:1.5}.error-help{color:#9aaebf;max-width:24rem;font-size:.75rem;line-height:1.5}.error-help summary{cursor:pointer}.error-help p{margin-top:.4rem}button{color:#cbdde9;letter-spacing:.03em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#19212aeb,#080c10ed);border:1px solid #9bbdd43b;border-radius:100px;max-width:100%;min-height:48px;padding:.85rem 1.5rem;font-size:.8125rem;box-shadow:inset 0 1px #d7e6ff12,0 4px 20px #0008}button:hover{border-color:#9bbdd483}button:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #a9dafa}.preview-diagnostics{text-align:left;background:#071126;border:1px solid #31558e;border-radius:1rem;width:min(100% - 2rem,42rem);max-height:45svh;margin:0 auto 2rem;padding:1rem;overflow:auto}.preview-diagnostics p,.preview-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;font-weight:400;line-height:1.5}.preview-diagnostics summary{cursor:pointer;font-weight:700}@keyframes surface{0%{opacity:0;filter:blur(12px)brightness(.25);transform:translateY(12%)scale(.84)}45%{opacity:.6;filter:blur(4px)brightness(.65)}to{opacity:1;filter:none}}@media (prefers-reduced-motion:reduce){.ball{transition:none;transform:translate(-50%,-50%)}.answer-triangle{transition:none;animation:none;transform:none}.answer-float,.glass,.glass:before,.surface-reflection{transition:none;transform:none}.liquid{transition:none}}.transcript-status{gap:.4rem;width:min(100%,28rem);display:grid}.player-controls .transcript-text{overflow-wrap:anywhere;white-space:pre-wrap;color:#e3edf5;max-height:4.5em;font-size:1rem;line-height:1.5;overflow:auto}.setup-card{color:#e1eaf2;background:linear-gradient(145deg,#19242f,#0a111a 75%);border:1px solid #627d9859;border-radius:1.5rem;width:min(100% - 2rem,26rem);max-height:calc(100svh - 2rem);padding:clamp(1.25rem,5vw,2rem);overflow-y:auto;box-shadow:0 30px 90px #000b,inset 0 1px #d7e6ff12}.setup-card::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000b}.setup-card h2{letter-spacing:-.04em;margin:.5rem 0 .75rem;font-size:1.75rem;font-weight:500}.setup-card>p{color:#adbecc;margin:0;font-size:.875rem;line-height:1.5}.setup-card .setup-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#91aec6;font-size:.625rem}.setup-row{border-bottom:1px solid #7d9ab72b;padding:1.25rem 0}.setup-row-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.setup-row h3{margin:0;font-size:1rem;font-weight:500}.setup-description{color:#adbecc;margin:.6rem 0 .85rem;font-size:.8125rem;line-height:1.5}.ready-status{color:#8adbad;font-size:.75rem}.ready-status>span{background:#204b35;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;margin-right:.25rem;display:inline-grid}.fallback-status{color:#c8d6e3;font-size:.75rem}.setup-card button{font-size:.8125rem}button:disabled{opacity:.4;cursor:default}.setup-card .continue-button{color:#0b1925;background:#d8e9f6;border:0;width:100%;margin-top:1.5rem;font-weight:600}.setup-card .setup-footnote{text-align:center;color:#889dae;margin-top:.85rem;font-size:.7rem}.subtle-button{box-shadow:none;background:0 0}@media (height<=650px){.setup-card{border-radius:1.1rem;padding:1.15rem}.setup-card h2{font-size:1.5rem}.setup-row{padding:.6rem 0}.setup-card .continue-button{margin-top:1rem}.setup-card .setup-footnote{margin-top:.6rem;font-size:.65rem}}@media (height<=550px){.setup-card{max-height:calc(100svh - 1rem);padding:.85rem}.setup-card h2{margin:.25rem 0 .4rem;font-size:1.3rem}.setup-row{padding:.4rem 0}.setup-description{margin:.35rem 0 .5rem}.setup-card .continue-button{margin-top:.6rem}.setup-card .setup-footnote{margin-top:.5rem}}.player-controls .is-captured .transcript-text{color:#69baff}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transcript-status{grid-template-rows:minmax(3.5rem,auto) auto}.transcript-slot,.capture-action{justify-content:center;align-items:center;min-height:0;display:flex}.capture-action{flex-direction:column;gap:.65rem;min-height:48px}.reveal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.transcript-slot .transcript-text{max-height:6em;margin:0;padding:0}.motion-status{color:#9aaebf;font-size:.75rem;line-height:1.5}.preview-debug fieldset{border:1px solid #627d9859;border-radius:.5rem;gap:.75rem;margin:1rem 0;padding:.75rem;display:grid}.preview-debug label{gap:.3rem;display:grid}.preview-debug select{max-width:100%;min-height:44px;font:inherit;color:inherit;background:#101a28;border:1px solid #627d9859;border-radius:.35rem;padding:.4rem}.microphone-toggle,.microphone-status{z-index:3;top:max(.75rem, var(--safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));border-radius:50%;place-items:center;width:48px;min-height:48px;padding:0;display:grid;position:absolute}.microphone-toggle{border-color:#ff8a3d66}.microphone-status{background:linear-gradient(#19212aeb,#080c10ed);border:1px solid #9bbdd43b;display:grid;box-shadow:inset 0 1px #d7e6ff12,0 4px 20px #0008}.microphone-toggle svg,.microphone-status svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:25px;height:25px}.microphone-toggle svg{stroke:#ff8a3d}.microphone-status svg{stroke:#cbdde9}