:root{--ink:#eafcff;--ink-soft:#d6f4f7c7;--deep:#06262b;--field:#041c21b8;--field-edge:#95f2de47;--accent:#b9f6e6;--accent-ink:#053a33;--danger:#ffb4a8;--signal:#ffa45c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--deep);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}.stage{position:fixed;inset:0;overflow:hidden}.backdrop,.splat,.vignette{width:100%;height:100%;position:absolute;inset:0}.backdrop{background:url(/scene/glass.jpg) 50%/cover no-repeat;transition:opacity 1.2s}.splat{opacity:0;transition:opacity 1.2s;display:block}.is-live .splat{opacity:1}.is-live .backdrop{opacity:0}.vignette{pointer-events:none;background:radial-gradient(60% 45% at 50% 44%,#041e2447,#0000 70%),radial-gradient(120% 90%,#0000 55%,#020e118c)}.anchor{width:0;height:0;position:absolute;top:50%;left:50%}.panel{transform-origin:0 0;width:min(560px,86vw);position:absolute;top:0;left:0;translate:-50% -50%}.copy{text-align:left;flex-direction:column;align-items:stretch;animation:1s cubic-bezier(.2,.7,.2,1) .2s both rise;display:flex}h1{letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 24px #001418a6;margin:0;font-family:Marcellus,Optima,serif;font-size:clamp(2rem,5.4vw,3.4rem);font-weight:400;line-height:1}.copy>p{color:var(--ink-soft);text-shadow:0 1px 12px #001418cc;margin:.55rem 0 1.4rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.05rem,1.9vw,1.28rem)}.copy>p strong{color:var(--accent);font-weight:500}.field{background:var(--field);border:1px solid var(--field-edge);-webkit-backdrop-filter:blur(10px);border-radius:6px;align-items:center;gap:6px;padding:5px 5px 5px 16px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 12px 40px #000c0f73}.field:focus-within{border-color:#b9f6e6b3;box-shadow:0 12px 40px #000c0f73,0 0 0 3px #b9f6e624}input{min-width:0;height:40px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}input::placeholder{color:#d6f4f780}button{background:var(--accent);height:40px;color:var(--accent-ink);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;padding:0 18px;font:600 .78rem/1 Inter,sans-serif;transition:transform .15s,background .15s,opacity .15s}button:hover:not(:disabled){background:#d8fff4}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.error{min-height:1.3em;color:var(--danger);margin:.6rem 0 0;font-size:.85rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;background:#03181d9e;border:1px solid #95f2de47;border-radius:4px;align-items:center;gap:10px;padding:7px 12px 7px 10px;font:400 12px/1 Share Tech Mono,ui-monospace,monospace;animation:.8s .4s both fade-in;display:flex;position:absolute}.hud ol{gap:5px;margin:0;padding:0;list-style:none;display:flex}.hud li{border:1px solid #95f2de73;width:8px;height:8px;transition:background .3s,border-color .3s,box-shadow .3s;rotate:45deg}.hud li.got{background:var(--signal);border-color:var(--signal);box-shadow:0 0 8px #ff9646cc}.hud-count b{color:var(--signal);font-weight:400}.hud.is-complete{border-color:#ffa05099;box-shadow:0 0 18px #ff8c3c40}.tip{z-index:5;border-left:2px solid var(--signal);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;white-space:nowrap;background:#03161bd6;flex-direction:column;gap:3px;padding:7px 10px;font:400 12px/1.1 Share Tech Mono,ui-monospace,monospace;display:flex;position:fixed;top:0;left:0}.tip b{color:var(--signal);font-weight:400}.tip span{color:var(--ink-soft)}.toast{left:50%;bottom:max(22px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;max-width:calc(100vw - 32px);color:var(--ink);pointer-events:none;background:#03161bcc;border:1px solid #ffa05073;border-radius:4px;align-items:center;gap:10px;margin:0;padding:9px 14px;font:400 12.5px/1.3 Share Tech Mono,ui-monospace,monospace;animation:4.2s both toast;display:flex;position:absolute;translate:-50%}.toast-mark{background:var(--signal);flex:none;width:7px;height:7px;rotate:45deg;box-shadow:0 0 8px #ff9646e6}@keyframes toast{0%{opacity:0;translate:-50% 8px}8%,85%{opacity:1;translate:-50%}to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@media (width<=600px){.hud{top:max(12px, env(safe-area-inset-top));font-size:11px;right:50%;translate:50%}.toast{font-size:11.5px}}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.copy,.hud,.toast{animation:none}}