:root{--ink:#08080a;--ink-2:#101014;--cream:#f4f1ea;--accent:#f0431e;--tx:#f5f2ec;--tx-dim:#f5f2ec94;--tx-faint:#f5f2ec57;--glass:#16161b70;--glass-strong:#121216a8;--glass-brd:#ffffff24;--glass-hi:#ffffff6b;--glass-shadow:0 24px 60px -18px #000000b3, 0 2px 8px -2px #00000080;--blur:saturate(180%) blur(28px);--ease:cubic-bezier(.22, 1, .36, 1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,SF Pro Display,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--tx);overscroll-behavior:none;margin:0;padding:0;overflow:hidden}.app{isolation:isolate;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.grain{z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage-video{z-index:2;object-fit:cover;width:100%;height:100%;animation:fade .6s var(--ease) both;background:#000;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.app[data-phase=live]:after,.app[data-phase=starting]:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow), inset 0 1px 0 0 var(--glass-hi)}.topbar{z-index:20;justify-content:space-between;align-items:center;padding:22px 26px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:11px;display:flex}.brand .spark{color:var(--accent);filter:drop-shadow(0 0 10px #f0431e8c)}.brand-name{letter-spacing:-.01em;font-size:17px;font-weight:700}.brand-by{color:var(--tx-faint);letter-spacing:.02em;border-left:1px solid #ffffff24;margin-left:2px;padding-left:9px;font-size:12px;font-weight:600}.ai-pill{color:var(--tx);background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);box-shadow:inset 0 1px 0 0 var(--glass-hi);border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.ai-pill .spark{color:var(--accent)}.hero{z-index:10;text-align:center;animation:rise .7s var(--ease) both;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero .spark-xl{color:var(--accent);filter:drop-shadow(0 0 26px #f0431e99);animation:twinkle 4.5s var(--ease) infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.82;transform:scale(.92)rotate(45deg)}}.logo{flex-direction:column;align-items:center;display:flex}.logo-lockup{flex-direction:column;align-items:stretch;margin-top:30px;display:inline-flex}.logo-main{letter-spacing:-.02em;color:var(--tx);font-size:clamp(46px,8vw,108px);font-weight:800;line-height:1}.logo-studio{color:var(--accent);justify-content:space-between;margin-top:16px;font-size:clamp(14px,2vw,22px);font-weight:500;line-height:1;display:flex}.hero-sub{max-width:30ch;color:var(--tx-dim);margin:20px 0 0;font-size:clamp(15px,1.7vw,18px);line-height:1.5}.cta{letter-spacing:-.01em;color:#fff;cursor:pointer;background:var(--accent);transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);border:none;border-radius:999px;align-items:center;gap:10px;margin-top:38px;padding:17px 40px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px -10px #f0431e8c}.cta:hover:not(:disabled),.cta:focus-visible{filter:brightness(1.07);outline:none;transform:translateY(-2px)scale(1.03);box-shadow:0 16px 40px -12px #f0431ea6}.cta:disabled{filter:saturate(.5)brightness(.8);cursor:progress}.turnstile-slot{min-height:0;margin-top:16px}.hero-legal{max-width:52ch;color:var(--tx-faint);margin:30px auto 0;font-size:11.5px;line-height:1.5}.connecting{z-index:12;color:var(--tx-dim);letter-spacing:.01em;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.connecting .ring{border:2.5px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.timer-pill{z-index:20;font-variant-numeric:tabular-nums;color:var(--tx);background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;position:absolute;top:74px;right:26px}.selfie{z-index:15;aspect-ratio:3/4;border:1px solid var(--glass-hi);width:128px;box-shadow:var(--glass-shadow);animation:rise .5s var(--ease) both;border-radius:18px;position:absolute;bottom:150px;right:26px;overflow:hidden}.selfie video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.dock{z-index:20;background:var(--glass-strong);max-width:min(94vw,920px);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow), inset 0 1px 0 0 var(--glass-hi);animation:rise .5s var(--ease) both;border-radius:26px;align-items:center;gap:14px;padding:12px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.dock-presets{scrollbar-width:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.dock-presets::-webkit-scrollbar{display:none}.chip{width:82px;color:var(--tx-dim);cursor:pointer;transition:transform .22s var(--ease), background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);background:#ffffff0d;border:1px solid #0000;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:5px;padding:12px 8px;font-size:11.5px;font-weight:600;display:flex}.chip .chip-emoji{transition:transform .22s var(--ease);font-size:24px;line-height:1}.chip:hover,.chip:focus-visible{color:var(--tx);background:#ffffff1a;outline:none;transform:translateY(-4px)scale(1.05)}.chip:hover .chip-emoji,.chip:focus-visible .chip-emoji{transform:scale(1.12)}.chip[data-active=true]{color:#fff;background:#f0431e3d;border-color:#f0431eb3;box-shadow:0 8px 22px -10px #f0431ecc}.dock-actions{border-left:1px solid #ffffff1f;align-items:center;gap:10px;padding-left:10px;display:flex}.icon-btn{border:1px solid var(--glass-brd);height:56px;color:var(--tx);cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease);background:#ffffff12;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.icon-btn.capture{width:56px;font-size:22px}.icon-btn.stop{color:#ffd9d1;border-color:#f0431e66;padding:0 18px}.icon-btn:hover,.icon-btn:focus-visible{background:#ffffff21;outline:none;transform:translateY(-2px)scale(1.04)}.toast{z-index:30;background:var(--glass-strong);max-width:90vw;-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow);animation:rise .3s var(--ease) both;border-radius:14px;padding:11px 16px;font-size:13px;font-weight:500;position:absolute;top:74px;left:50%;transform:translate(-50%)}.toast.error{color:#ffd9d1;border-color:#f0431e80}.toast.warn{color:#ffe6b0;border-color:#f5a52473}@media (max-width:640px){.dock{flex-direction:column;gap:10px;bottom:16px}.dock-actions{border-top:1px solid #ffffff1f;border-left:none;justify-content:center;width:100%;padding-top:10px;padding-left:0}.selfie{width:96px;bottom:210px}}@media (prefers-reduced-motion:reduce){.hero .spark-xl{animation:none}}