:root{--night-900: #0b0d1a;--night-800: #10132400;--bg: #0e1122;--surface: #171a30;--surface-2: #1e2240;--line: #2b2f52;--text: #eaecf7;--muted: #98a0c6;--muted-2: #6f77a0;--glow-a: #ffc078;--glow-b: #ff8fb0;--glow-grad: linear-gradient(135deg, #ffc078, #ff8fb0);--glow-shadow: 0 0 32px rgba(255, 168, 120, .45);--mint: #8fe3b0;--moon: #cdd5ff;--radius: 18px;--radius-sm: 12px;--font-round: "Baloo 2", "SF Pro Rounded", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1100px 600px at 50% -10%,#1a1f3d 0%,transparent 60%),radial-gradient(700px 500px at 90% 110%,#241a33 0%,transparent 55%),var(--bg);min-height:100vh;min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;padding:20px 18px 32px;display:flex;flex-direction:column;gap:18px;min-height:100dvh}.brand{display:flex;align-items:center;gap:10px}.brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#ffd9a8;background:radial-gradient(circle at 35% 30%,#2a2545,#1a1c33);box-shadow:inset 0 0 0 1px var(--line),0 0 20px #ffbe822e}.brand__name{font-family:var(--font-round);font-weight:700;font-size:1.28rem;letter-spacing:.2px}.live-badge{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-round);font-weight:600;font-size:.82rem;color:#ffd9c2;background:#ff8fb01f;border:1px solid rgba(255,143,176,.35);padding:5px 11px;border-radius:999px}.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--glow-b);box-shadow:0 0 8px var(--glow-b);animation:pulse 1.8s ease-in-out infinite}.stage{position:relative;border-radius:var(--radius);overflow:hidden;background:#0a0c18;box-shadow:inset 0 0 0 1px var(--line),0 20px 50px -24px #000c;line-height:0;aspect-ratio:4 / 3}#video{width:100%;height:100%;object-fit:cover;display:block}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 40%,#1e224080,#0a0c18d9)}.start__card{text-align:center;max-width:340px;line-height:1.5}.start__eyebrow{margin:0 0 8px;font-family:var(--font-round);font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:.72rem;color:#ffbe86}.start__title{margin:0 0 10px;font-family:var(--font-round);font-weight:700;font-size:1.5rem;line-height:1.2}.start__sub{margin:0 0 20px;color:var(--muted);font-size:.92rem}.btn{font-family:var(--font-round);font-weight:600;font-size:1rem;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:11px 20px;cursor:pointer;transition:transform .12s ease,background .15s,border-color .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){border-color:#3a4173;background:#232848}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--moon);outline-offset:2px}.btn--lg{padding:15px 26px;font-size:1.08rem;width:100%}.btn--icon{padding:11px 14px;flex:none}.btn--primary{color:#2a1400;background:var(--glow-grad);border:none}.btn--primary:hover:not(:disabled){background:var(--glow-grad);filter:brightness(1.04)}.btn--glow{box-shadow:var(--glow-shadow);animation:breathe 4.5s ease-in-out infinite}.btn--glow:hover:not(:disabled){box-shadow:0 0 44px #ffa87899}.btn--soft{background:#cdd5ff14;border-color:transparent;color:var(--moon);padding:10px 18px}.btn--soft:hover:not(:disabled){background:#cdd5ff24;border-color:transparent}.btn--ghost{background:transparent;color:var(--muted);border-color:var(--line);padding:10px 16px;font-size:.92rem}.btn--live{color:var(--text);background:#ff8fb024;border:1px solid rgba(255,143,176,.45);box-shadow:none;animation:none}.controls{display:flex;flex-direction:column;gap:14px}.camrow{display:flex;gap:10px;align-items:flex-end}.field{flex:1;display:flex;flex-direction:column;gap:6px}.field__label{font-family:var(--font-round);font-size:.78rem;color:var(--muted);padding-left:4px}.select{font:inherit;font-family:var(--font-round);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select:focus-visible{outline:2px solid var(--moon);outline-offset:2px}.minirow{display:flex;gap:10px;flex-wrap:wrap}.minirow .btn{flex:1;min-width:130px}.hint{margin:0;color:var(--muted-2);font-size:.86rem;text-align:center;line-height:1.4}.status{margin:0;min-height:1.2em;color:var(--muted);font-size:.9rem;text-align:center}.share{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:16px}.share__head{display:flex;flex-direction:column;gap:4px}.share__title{margin:0;font-family:var(--font-round);font-weight:700;font-size:1.15rem}.share__status{margin:0;color:var(--mint);font-size:.9rem;font-weight:500}.share__body{display:flex;gap:18px;align-items:center}.share__qr{flex:none;background:#fff;padding:10px;border-radius:14px;line-height:0}#qr{width:150px;height:150px;display:block}.share__links{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.share__label{margin:0;font-size:.82rem;color:var(--muted)}.share__actions{display:flex;gap:10px}.share__warn{margin:0;font-size:.78rem;color:#e6b877}.share__foot{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:6px}.share__note{margin:0;font-size:.78rem;color:var(--muted-2)}.link{font-family:var(--font-mono);font-size:.9rem;color:#ffd0a8;word-break:break-all;text-decoration:none}.link:hover{text-decoration:underline}.link--muted{color:var(--muted);font-size:.82rem}.foot{margin-top:auto;text-align:center;color:var(--muted-2);font-size:.78rem;padding-top:8px;display:flex;flex-direction:column;gap:6px}.foot__tag{margin:0}.foot__links{display:flex;gap:8px;justify-content:center}.foot__links a{color:var(--muted);text-decoration:none}.foot__links a:hover{color:var(--moon);text-decoration:underline}.linkish{background:none;border:none;padding:0;font:inherit;color:var(--muted);cursor:pointer}.linkish:hover{color:var(--moon);text-decoration:underline}.foot__ver{margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--muted-2)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-family:var(--font-round);font-weight:600;padding:12px 20px;border-radius:999px;box-shadow:0 12px 30px -10px #000000b3;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%)}#pipVideo{position:fixed;left:-9999px;top:0;width:2px;height:2px;opacity:0;pointer-events:none}.hidden{display:none!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes breathe{0%,to{box-shadow:0 0 26px #ffa8785c}50%{box-shadow:0 0 40px #ffa8788c}}@media (max-width: 420px){.share__body{flex-direction:column;align-items:stretch}.share__qr{align-self:center}}@media (prefers-reduced-motion: reduce){.btn--glow,.live-badge i{animation:none}.btn{transition:none}.toast{transition:opacity .2s}}