:root{--bg:#000;--fg:#fff;--muted:#ffffffb3;--accent:#fff;--accent-fg:#111;--glass:#ffffff29;--glass-border:#ffffff47;--rec:#e5484d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{overscroll-behavior:none;overflow:hidden}.app{height:100dvh;position:fixed;inset:0}.stage{position:absolute;inset:0;overflow:hidden}#live-canvas,.review video{object-fit:cover;width:100%;height:100%;display:block}.review{background:var(--bg);position:absolute;inset:0}.status{text-align:center;color:var(--muted);place-items:center;padding:24px;font-size:15px;line-height:1.4;display:grid;position:absolute;inset:0}.status[hidden]{display:none}.rec-indicator{top:calc(16px + var(--safe-top));font-variant-numeric:tabular-nums;background:#00000080;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rec-indicator[hidden]{display:none}.rec-dot{background:var(--rec);border-radius:50%;width:8px;height:8px;animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.controls{left:0;right:0;bottom:calc(44px + var(--safe-bottom));justify-content:center;padding:0 16px;display:flex;position:absolute}.control-row{justify-content:center;align-items:center;gap:12px;width:100%;max-width:420px;display:flex}.control-row[hidden]{display:none}.record-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:3px solid #ffffffe6;border-radius:50%;place-items:center;width:76px;height:76px;padding:0;display:grid}.record-btn:disabled{opacity:.4}.record-inner{background:#ffffffeb;border-radius:50%;width:60px;height:60px;transition:width .2s,height .2s,border-radius .2s,background .2s}.record-btn:active .record-inner{transform:scale(.94)}.record-btn.recording .record-inner{background:var(--rec);border-radius:6px;width:26px;height:26px}.pill{border:1px solid var(--glass-border);min-height:50px;font:inherit;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:500;display:inline-flex}.pill-primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.pill svg{flex:none;width:18px;height:18px}.pill:active{transform:scale(.98)}.pill-secondary{background:var(--glass);color:var(--fg);-webkit-backdrop-filter:blur(12px)}.footer{left:0;right:0;bottom:calc(12px + var(--safe-bottom));text-align:center;font-size:12px;position:absolute}.footer a{color:var(--muted);text-decoration:underline}@media (width>=768px) and (aspect-ratio>=3/4){.app{width:min(100vw,56.25dvh);left:50%;right:auto;transform:translate(-50%)}}body.legal{overflow:auto}.legal-page{max-width:640px;padding:calc(24px + var(--safe-top)) 16px calc(32px + var(--safe-bottom));margin:0 auto;line-height:1.6}.legal-page h1{margin:16px 0 8px;font-size:28px}.legal-page h2{margin:24px 0 4px;font-size:18px}.legal-page a{color:var(--fg)}.legal-page .back{color:var(--muted);text-decoration:none}