:root{--accent-h: 184;--accent: rgb(8, 148, 135);--accent-bright: rgb(26, 182, 167);--accent-ring: rgba(8, 148, 135, .3);--ok: rgb(62, 156, 88);--player-bg: rgb(10, 15, 19);--player-bg-2: rgb(18, 24, 29);--player-ink: rgb(246, 249, 252);--player-muted: rgb(159, 165, 172);--player-faint: rgb(94, 100, 106);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--tracking-tight: -.02em;--tracking-code: .14em;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-base: .22s;--dur-slow: .42s;--dur-scene: .65s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--player-bg);color:var(--player-ink);font-family:var(--font-body);overflow:hidden;cursor:none;-webkit-font-smoothing:antialiased}.host{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--player-bg);overflow:hidden}.stage{position:absolute;top:50%;left:50%;transform-origin:center center;background:#000;overflow:hidden}.activation{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 100% at 50% 18%,rgb(15,32,42) 0%,var(--player-bg) 55%,rgb(5,8,12) 100%)}.activation:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 220px rgba(2,3,6,.55);pointer-events:none}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.shape{position:absolute;animation:float 9s var(--ease-inout) infinite}.center{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6vmin;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:1vmin;font-family:var(--font-mono);font-size:clamp(13px,1.7vmin,22px);letter-spacing:.28em;text-transform:uppercase;color:var(--player-muted);margin-bottom:clamp(20px,3.4vmin,46px)}.eyebrow .blip{width:8px;height:8px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 14px var(--accent-bright);animation:blip 2.4s var(--ease-inout) infinite}.code{display:flex;gap:clamp(8px,1.5vmin,26px);font-family:var(--font-mono);font-weight:700;font-size:clamp(72px,19vmin,320px);line-height:.9;letter-spacing:var(--tracking-code);color:var(--player-ink);text-shadow:0 0 60px var(--accent-ring),0 0 120px rgba(29,147,135,.25)}.code .ch{display:inline-block;animation:chin .7s var(--ease-spring) both}.instr{font-size:clamp(16px,2.3vmin,34px);color:var(--player-muted);max-width:24ch;line-height:1.4;margin-top:clamp(26px,4.2vmin,64px)}.instr b{color:var(--accent-bright);font-weight:600;font-family:var(--font-mono)}.sub-instr{font-size:clamp(12px,1.6vmin,20px);color:var(--player-faint);margin-top:clamp(10px,1.6vmin,22px)}.helper{position:absolute;bottom:clamp(22px,4vmin,56px);left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:clamp(11px,1.4vmin,18px);letter-spacing:.08em;color:var(--player-faint)}.nocontent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vmin;text-align:center;padding:8vmin;background:radial-gradient(120% 100% at 50% 30%,rgb(17,28,35),var(--player-bg) 65%)}.nc-mark{position:relative;width:11vmin;height:11vmin;border-radius:2.6vmin;background:#162127;border:1px solid rgb(46,58,65);display:grid;place-items:center}.nc-mark .ring{position:absolute;top:-1.6vmin;right:-1.6vmin;bottom:-1.6vmin;left:-1.6vmin;border-radius:3.6vmin;border:.4vmin solid var(--accent-bright);opacity:.4;animation:breathe 2.6s var(--ease-inout) infinite}.nc-mark .glyph{width:4.4vmin;height:4.4vmin;border-radius:1.2vmin;background:var(--accent)}.nc-eyebrow{display:inline-flex;align-items:center;gap:1vmin;font-family:var(--font-mono);font-size:1.8vmin;letter-spacing:.22em;text-transform:uppercase;color:var(--ok)}.nc-eyebrow .bd{width:1.2vmin;height:1.2vmin;border-radius:50%;background:var(--ok);box-shadow:0 0 1.4vmin var(--ok)}.nc-title{font-family:var(--font-display);font-weight:600;font-size:5.4vmin;letter-spacing:var(--tracking-tight);color:var(--player-ink)}.nc-sub{font-size:2.4vmin;color:var(--player-muted);max-width:30ch;line-height:1.45}.nc-sub b{color:var(--player-ink);font-weight:600}.stage[data-portrait=true] .nc-title{font-size:7vmin}.stage[data-portrait=true] .nc-sub{font-size:3vmin}.playback{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden;transition:opacity var(--scene-transition, .65s) var(--ease-inout)}.scene.on{opacity:1}.scene .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene video.media{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.scene .tint{position:absolute;top:0;right:0;bottom:0;left:0}.scene .otext{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:7vmin;color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-tight);text-shadow:0 4px 40px rgba(1,4,8,.5);font-size:6vmin;line-height:1.05}.stage[data-portrait=true] .scene .otext{font-size:8vmin}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(6deg)}}@keyframes blip{0%,to{opacity:1}50%{opacity:.35}}@keyframes chin{0%{opacity:0;transform:translateY(.3em) scale(.7)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.06);opacity:.12}}@media(prefers-reduced-motion:reduce){.shape,.code .ch,.eyebrow .blip,.nc-mark .ring{animation:none!important}}