:root{color-scheme:dark;--bg: #08090b;--surface: rgba(255, 255, 255, .07);--surface-strong: rgba(18, 19, 23, .96);--surface-border: rgba(255, 255, 255, .1);--text: #f6f7f8;--text-dim: rgba(246, 247, 248, .64);--text-faint: rgba(246, 247, 248, .4);--accent: #ff4d4d;--accent-strong: #ff2f2f;--good: #34d399;--warn: #fbbf24;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer}svg{width:20px;height:20px;flex-shrink:0;display:block}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;background:#000;overflow:hidden}.stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.stage video.mirrored{transform:scaleX(-1)}.shutter-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:8}.shutter-flash.flash{transition:opacity .4s ease-out}.scrim-top,.scrim-bottom{position:absolute;left:0;right:0;pointer-events:none;z-index:2}.scrim-top{top:0;height:160px;background:linear-gradient(to bottom,rgba(0,0,0,.65),transparent)}.scrim-bottom{bottom:0;height:220px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.topbar{position:absolute;top:calc(var(--safe-t) + 12px);left:calc(var(--safe-l) + 14px);right:calc(var(--safe-r) + 14px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;border-radius:100px;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);font-size:13px;font-weight:600;letter-spacing:.1px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.status-pill.live .status-dot{background:var(--accent);box-shadow:0 0 #ff4d4d99;animation:pulse-dot 1.6s ease-out infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #ff4d4d8c}70%{box-shadow:0 0 0 8px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.buffer-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:100px;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);font-size:12.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.buffer-pill .ring{width:14px;height:14px;flex-shrink:0}.icon-btn{width:38px;height:38px;border-radius:50%;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0;transition:transform .15s ease,background .15s ease}.icon-btn:active{transform:scale(.9);background:#ffffff29}.icon-btn svg{width:19px;height:19px}.topbar-right{display:flex;align-items:center;gap:8px}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px calc(24px + var(--safe-r)) calc(48px + var(--safe-b)) calc(24px + var(--safe-l));gap:18px;background:radial-gradient(circle at 50% 30%,#14161b,#08090b 70%)}.start-screen .brand-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(155deg,var(--accent),#a11d1d);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #ff2d2d47;animation:rise-in .55s cubic-bezier(.16,1,.3,1) .02s both,glow-pulse 3.2s ease-in-out .7s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 12px 30px #ff2d2d47}50%{box-shadow:0 14px 42px #ff2d2d7a}}.start-screen>*{animation:rise-in .55s cubic-bezier(.16,1,.3,1) both}.start-screen h1{animation-delay:.08s}.start-screen p{animation-delay:.14s}.start-screen .start-btn{animation-delay:.2s}.start-screen .start-meta{animation-delay:.26s}.start-screen .start-note{animation-delay:.32s}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.start-screen .brand-icon svg{width:34px;height:34px;color:#fff}.start-screen h1{font-size:23px;margin:0;font-weight:700;letter-spacing:-.2px}.start-screen p{margin:0;max-width:320px;color:var(--text-dim);font-size:14.5px;line-height:1.5}.start-btn{margin-top:8px;padding:15px 30px;border-radius:100px;border:none;background:var(--accent);color:#fff;font-size:16px;font-weight:700;letter-spacing:.2px;box-shadow:0 10px 26px #ff2d2d59;transition:transform .15s ease}.start-btn:active{transform:scale(.96)}.start-meta{margin-top:2px;font-size:12.5px;color:var(--text-faint);display:flex;align-items:center;gap:6px}.start-note{margin-top:20px;display:flex;align-items:flex-start;gap:8px;max-width:320px;padding:11px 13px;border-radius:14px;background:var(--surface);border:1px solid var(--surface-border);font-size:12.5px;color:var(--text-dim);text-align:left;line-height:1.45}.start-note svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--warn)}.start-meta svg{width:13px;height:13px;flex-shrink:0}.controls{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 18px);z-index:5;display:flex;align-items:center;justify-content:center;gap:0;padding:0 calc(20px + var(--safe-l)) 0 calc(20px + var(--safe-r))}.controls-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:420px}.side-btn{width:52px;height:52px;border-radius:50%;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);display:flex;align-items:center;justify-content:center;color:var(--text);position:relative;transition:transform .15s ease}.side-btn:active{transform:scale(.92)}.side-btn svg{width:22px;height:22px}.side-btn.left{justify-self:start}.side-btn.right{justify-self:end}.badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:100px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.shutter-wrap{justify-self:center;position:relative;width:84px;height:84px}.shutter{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid rgba(255,255,255,.88);background:transparent;padding:5px;transition:transform .12s ease}.shutter:disabled{opacity:.45}.shutter-fill{width:100%;height:100%;border-radius:50%;background:var(--accent);transition:border-radius .18s ease,transform .18s ease,background .18s ease}.shutter-wrap.pending .shutter-fill{border-radius:10px;transform:scale(.55);background:var(--accent-strong)}.shutter-wrap:active .shutter{transform:scale(.94)}.shutter-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:auto;height:auto;transform:rotate(-90deg);pointer-events:none}.shutter-ring circle{fill:none;stroke-width:3}.shutter-ring .track{stroke:#ffffff1f}.shutter-ring .progress{stroke:var(--good);stroke-linecap:round;transition:stroke-dashoffset .2s linear}@keyframes merge-bump{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.shutter-wrap.merge-bump{animation:merge-bump .32s ease}.pending-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--good);background:#0009;padding:5px 12px;border-radius:100px;border:1px solid rgba(52,211,153,.3);animation:rise-in .2s ease both}.toast-stack{position:absolute;left:50%;bottom:calc(var(--safe-b) + 118px);transform:translate(-50%);z-index:6;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:calc(100% - 32px)}.toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;background:var(--surface-strong);border:1px solid var(--surface-border);font-size:13.5px;font-weight:500;box-shadow:0 8px 24px #00000059;animation:toast-in .22s ease;max-width:100%}.toast.success{border-color:#34d39966}.toast.error{border-color:#f8717166}.toast .dot{width:7px;height:7px;border-radius:50%;background:var(--good);flex-shrink:0}.toast.error .dot{background:#f87171}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:11;max-height:min(86vh,720px);overflow-y:auto;background:var(--surface-strong);border-top:1px solid var(--surface-border);border-radius:22px 22px 0 0;padding:10px 20px calc(24px + var(--safe-b));animation:sheet-in .24s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}.sheet-grabber{width:36px;height:4px;border-radius:100px;background:#ffffff38;margin:8px auto 14px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-header h2{font-size:17px;margin:0;font-weight:700}.sheet-close{width:30px;height:30px;border-radius:50%;border:none;background:var(--surface);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.sheet-close:active{transform:scale(.88)}.sheet-close svg{width:15px;height:15px}.setting-group{margin-bottom:22px}.setting-label-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.setting-label{font-size:13.5px;font-weight:600;color:var(--text)}.setting-value{font-size:13.5px;font-weight:700;color:var(--good);font-variant-numeric:tabular-nums}.setting-hint{font-size:12px;color:var(--text-faint);margin-top:6px;line-height:1.4}input[type=range]{width:100%;height:28px;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:100px;background:#ffffff26}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;margin-top:-8.5px;box-shadow:0 2px 8px #0006}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;background:#ffffff0f;padding:4px;border-radius:14px}.segmented button{border:none;background:transparent;color:var(--text-dim);padding:10px 4px;border-radius:10px;font-size:12.5px;font-weight:600;line-height:1.3;transition:background .15s ease,color .15s ease}.segmented button .sub{display:block;font-size:10.5px;font-weight:500;opacity:.75;margin-top:2px}.segmented button.active{background:var(--text);color:#111}.row-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.row-toggle:first-of-type{border-top:none}.row-toggle-text{display:flex;flex-direction:column;gap:2px}.row-toggle-title{font-size:14px;font-weight:600}.row-toggle-sub{font-size:12px;color:var(--text-faint)}.switch{width:46px;height:27px;border-radius:100px;border:none;background:#ffffff2e;position:relative;flex-shrink:0;transition:background .18s ease}.switch.on{background:var(--good)}.switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .18s ease;box-shadow:0 1px 3px #0000004d}.switch.on:after{transform:translate(19px)}.memory-estimate{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:14px;background:var(--surface);border:1px solid var(--surface-border);font-size:12.5px;color:var(--text-dim);margin-top:4px;line-height:1.45}.memory-estimate svg{width:16px;height:16px;flex-shrink:0;color:var(--warn)}.memory-estimate strong{color:var(--text)}.gallery-sheet{height:100%}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.gallery-empty{grid-column:1 / -1;padding:52px 20px;text-align:center;color:var(--text-faint);display:flex;flex-direction:column;align-items:center;gap:8px}.gallery-empty svg{width:30px;height:30px;color:var(--text-faint);margin-bottom:4px}.gallery-empty p{margin:0;font-size:14.5px;font-weight:700;color:var(--text-dim)}.gallery-empty span{font-size:12.5px;max-width:260px;line-height:1.5}.clip-card{position:relative;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--surface-border);aspect-ratio:9 / 13;transition:transform .12s ease}.clip-card:active{transform:scale(.96)}.clip-card video{width:100%;height:100%;object-fit:cover}.clip-meta{position:absolute;left:0;right:0;bottom:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;pointer-events:none}.clip-duration{font-weight:700;background:#00000080;padding:2px 6px;border-radius:6px}.clip-time{color:var(--text-dim)}.clip-actions{position:absolute;top:6px;right:6px;display:flex;gap:5px}.clip-action-btn{width:26px;height:26px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.clip-action-btn svg{width:13px;height:13px}.player-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b))}.player-backdrop video{max-width:100%;max-height:calc(100% - 60px);border-radius:12px;background:#000}.player-close{position:absolute;top:calc(16px + var(--safe-t));right:calc(16px + var(--safe-r));width:38px;height:38px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.player-close:active{transform:scale(.88)}.pill-btn{transition:transform .15s ease,background .15s ease}.pill-btn:active{transform:scale(.95)}.player-close svg{width:17px;height:17px}.player-actions{display:flex;gap:10px;margin-top:16px}.pill-btn{display:flex;align-items:center;gap:7px;padding:11px 18px;border-radius:100px;border:none;background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;border:1px solid var(--surface-border)}.pill-btn svg{width:15px;height:15px}.pill-btn.danger{background:#f8717124;color:#fca5a5;border-color:#f871714d}:focus-visible{outline:2px solid var(--good);outline-offset:2px;border-radius:4px}.shutter:focus-visible{outline-offset:4px}@media(hover:hover)and (pointer:fine){.icon-btn:hover,.side-btn:hover{background:#ffffff24}.start-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px #ff2d2d6b}.pill-btn:hover{background:#ffffff21}.clip-card:hover{border-color:#ffffff47}.segmented button:not(.active):hover{color:var(--text);background:#ffffff0f}.shutter:hover{border-color:#fff}}@media(min-width:640px){#app{align-items:center}.stage{width:100%}}