:root{--bg: #0b0b0f;--surface: #15151c;--surface-2: #1e1e28;--border: #2a2a36;--text: #ececf1;--muted: #8b8b9a;--accent: #ff3d6e;--accent-2: #7c5cff;--shadow: rgba(0,0,0,.5);color-scheme:dark}:root[data-theme=light]{--bg: #f4f4f7;--surface: #ffffff;--surface-2: #ececf2;--border: #d6d6e0;--text: #16161d;--muted: #6b6b7b;--shadow: rgba(0,0,0,.15);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}[hidden]{display:none!important}button,.btn,select,input[type=text],textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px}button,.btn{padding:7px 12px;cursor:pointer;white-space:nowrap}button:hover,.btn:hover{border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.danger{margin-top:auto;color:var(--accent);background:transparent}button.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff;font-weight:600}select,input[type=text]{padding:6px 8px;width:100%}textarea{width:100%;padding:10px;resize:vertical;line-height:1.5;flex:none;min-height:calc(4.5em + 22px)}input[type=range]{width:100%;accent-color:var(--accent-2)}kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:12px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.note{color:var(--muted);font-size:12px}.row{display:flex;gap:8px;flex-wrap:wrap}.topbar{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex:none}.brand{font-weight:800;font-size:18px;letter-spacing:-.02em}.brand span{color:var(--accent)}.brand-sub{margin-left:6px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted)}@media (max-width: 1180px){.brand-sub{display:none}}nav{display:flex;gap:4px}nav button{background:transparent;border-color:transparent}nav button.active{background:var(--surface-2);border-color:var(--border)}.pill{background:var(--accent);color:#fff;border-radius:99px;padding:0 6px;font-size:11px;margin-left:4px}.spacer{flex:1}.view{flex:1;display:flex;min-height:0}.stage{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;padding-top:calc(var(--prompter-h, 120px) + 8px)}#view-edit .stage{padding-top:16px}.panel{width:344px;flex:none;overflow-y:auto;padding:16px;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:10px}.panel h3{margin:10px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel label{display:flex;flex-direction:column;gap:4px;font-size:13px}.panel label output{float:right;color:var(--muted);font-size:12px}.panel label.check{flex-direction:row;align-items:center;gap:8px}.controls{display:flex;gap:8px;align-items:center;width:100%;max-width:640px;justify-content:center}.controls input[type=range]{flex:1}.hint{color:var(--muted);font-size:12px;margin:0;text-align:center}.preview-wrap{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.preview-wrap canvas{max-width:100%;max-height:100%;border-radius:12px;background:#000;box-shadow:0 10px 40px var(--shadow)}#camCanvas{transform:scaleX(-1);touch-action:pan-y}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:160px;font-weight:800;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}button.record{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;min-width:120px}.prompter{--pw: 380px;--pf: 26px;--pl: 3;--po: 0px;position:fixed;z-index:50;top:var(--po);left:50%;transform:translate(-50%);width:min(var(--pw),calc(100vw - 16px));height:calc(var(--pl) * var(--pf) * 1.35 + 20px + var(--bar, 44px));background:#000000e0;border:1px solid rgba(255,255,255,.08);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 8px 30px #00000080}.prompter-viewport{position:absolute;top:0;right:0;bottom:0;left:0;padding:10px 16px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}body[data-view=edit] .prompter{display:none}.prompter-text{position:relative;font-size:var(--pf);line-height:1.35;font-weight:600;color:#fff;will-change:transform}.prompter-text p{margin:0 0 .6em}.prompter-text .placeholder{color:#777;font-weight:400}.prompter-text span.said{opacity:.35}.prompter-text p.spk0{color:var(--spk0, #9fd3ff)}.prompter-text p.spk1{color:var(--spk1, #ffd27a)}.prompter-text p.spk2{color:var(--spk2, #9ff0b8)}.prompter-text p.spk3{color:var(--spk3, #ffaad4)}.prompter-text p.theirs{opacity:.6;font-weight:500}.prompter-line{position:absolute;left:0;right:0;top:10px;height:calc(var(--pf) * 1.35);background:#7c5cff24;border-left:3px solid var(--accent-2);pointer-events:none}.prompter-badges{position:absolute;bottom:calc(var(--bar, 44px) + 6px);right:8px;display:flex;gap:6px;align-items:center;z-index:7}.turn-badge{font:600 12px Inter,system-ui,sans-serif;color:#fff;background:#3c3c48eb;padding:2px 8px;border-radius:99px;white-space:nowrap}.space-badge{font:600 12px Inter,system-ui,sans-serif;color:#fff;background:#d9480f;padding:2px 8px;border-radius:99px;white-space:nowrap}.turn-badge.soon{background:var(--accent-2);animation:pulse .6s ease-in-out infinite alternate}.turn-badge.now{background:#2ecc71;color:#062}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.prompter:has(.turn-badge.soon){box-shadow:0 0 0 3px var(--accent-2),0 8px 30px #00000080}.rec-badge{display:none;font:600 11px ui-monospace,monospace;color:#fff;background:#ff3d6ee6;padding:1px 6px;border-radius:99px;align-items:center;gap:4px}.rec-badge .dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}body.recording .rec-badge{display:flex}body.pip{background:#000}body.pip .prompter{position:relative;left:auto;top:auto;transform:none;width:100%;height:100vh;border:0;border-radius:0}body.pip .prompter-viewport{mask-image:none;-webkit-mask-image:none}body.pip .rec-badge{display:flex}body.recording .panel>:not(#scriptView),body.recording .topbar nav,body.recording #fullscreenBtn,body.recording .hint{opacity:.15;pointer-events:none}body.recording .panel #scriptView{position:relative;z-index:1}body.recording.shrink-preview #camCanvas{max-height:22vh;opacity:.6}body.exporting #view-edit .timeline,body.exporting #clipPanel{opacity:.4;pointer-events:none}.timeline{display:flex;gap:10px;width:100%;overflow-x:auto;padding:4px 2px 8px;flex:none;min-height:120px}.clip{flex:none;width:120px;background:var(--surface);border:2px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.clip.selected{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 35%,transparent)}.clip img{width:100%;height:64px;object-fit:cover;background:#000;display:block}.clip-meta{display:flex;justify-content:space-between;gap:4px;padding:4px 6px;font-size:12px}.clip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-actions{display:flex;border-top:1px solid var(--border)}.clip-actions button{flex:1;border:0;border-radius:0;padding:3px 0;background:transparent;font-size:11px}.clip-actions button:hover{background:var(--surface-2)}.export-more{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px}.export-more button{padding:6px 12px;font-size:13px}.pro-tag{font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--accent-2);border-radius:4px;padding:1px 5px;margin-left:4px}.cap-selbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent-2) 12%,var(--surface));border:1px solid var(--accent-2);font-size:13px;position:sticky;top:0;z-index:3}.cap-selbar[hidden]{display:none}.cap-selbar button{padding:5px 10px;font-size:13px}.cap-selbar .clip-out{display:inline-flex;gap:4px;align-items:center}.cap-selbar select{padding:4px;font-size:12px}.cap-row.picked{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 8%,transparent)}.cap-times .cap-sel{width:16px;height:16px;margin:0 2px 0 0;accent-color:var(--accent-2)}.cap-cut{margin-left:auto}.undo-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:210;display:flex;align-items:center;gap:12px;background:#16161d;color:#fff;padding:8px 10px 8px 16px;border-radius:12px;box-shadow:0 12px 30px #00000059;font-size:14px;max-width:calc(100vw - 32px)}.undo-bar[hidden]{display:none}.undo-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undo-bar .primary{padding:6px 14px}.undo-bar .link{background:none;border:0;color:#aaa;cursor:pointer;padding:4px 6px}.cap-from-script{width:100%;margin:6px 0 4px}.cap-list{display:flex;flex-direction:column;gap:6px}.cap-row{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--border);border-radius:8px}.cap-row .cap-text{width:100%;padding:4px 6px}.cap-row.cap-gap{border-style:dashed;background:transparent}.cap-row.cap-gap .cap-text{background:transparent}.cap-row.cap-gap .cap-text::placeholder{color:var(--muted);font-style:italic}.cap-row.now{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent);box-shadow:0 0 0 1px var(--accent-2)}.cap-times{display:flex;gap:4px;align-items:center}.cap-times input{width:64px;padding:3px 4px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.cap-times button{padding:3px 7px;font-size:11px}.cap-times .cap-del{margin-left:auto}.podcast{display:flex;flex-direction:column;gap:8px}.podcast .code{font:700 20px ui-monospace,Menlo,monospace;letter-spacing:.12em}.podcast .status{display:flex;align-items:center;gap:6px;font-size:13px}.podcast .status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}.podcast .status.ok:before{background:#2ecc71}.podcast .status.wait:before{background:#f1c40f}.podcast input[type=text]{flex:1}.badge{font-size:10px;background:var(--accent-2);color:#fff;border-radius:99px;padding:0 5px}.color-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.color-row label{flex-direction:row!important;align-items:center;gap:6px!important}.color-row input[type=color]{width:32px;height:24px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}dialog.help{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px var(--shadow);display:none;flex-direction:column}dialog.help[open]{display:flex}dialog.help::backdrop{background:#00000080}.help-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.help-head h2{margin:0;font-size:18px}.help-nav{display:flex;gap:12px;flex-wrap:wrap;flex:1}.help-nav a,.help a{color:var(--accent-2);text-decoration:none;font-size:13px}.help-nav a:hover,.help a:hover{text-decoration:underline}.help-close{margin-left:auto}.help-body{overflow-y:auto;padding:4px 20px 20px;line-height:1.55}.help-body section{padding-top:12px}.help-body h3{font-size:16px;margin:12px 0 6px}.help-body h4{font-size:14px;margin:14px 0 4px}.help-body ol{padding-left:20px;margin:4px 0}.help-body li{margin:4px 0}.help-body dt{font-weight:600;margin-top:10px}.help-body dd{margin:2px 0 0;color:var(--muted)}.help-script{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;font:13px/1.5 inherit;max-height:320px;overflow-y:auto;margin-top:10px}.help-body ul{padding-left:20px;margin:4px 0}.cap-samples{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.cap-samples figure{margin:0;text-align:center}.cap-samples canvas{width:200px;height:auto;border-radius:8px;display:block}.cap-samples figcaption{font-size:12px;color:var(--muted);margin-top:4px}.panel .label{font-size:13px}.style-tiles{display:flex;flex-direction:column;gap:6px}.style-tiles button{padding:4px;display:flex;flex-direction:column;gap:3px;align-items:stretch;border-width:2px;text-align:left}.style-tiles button.selected{border-color:var(--accent-2)}.style-tiles canvas{width:100%;height:auto;border-radius:5px;display:block}.style-tiles span{font-size:12px;color:var(--muted);padding:0 2px}.style-tiles button.selected span{color:var(--text)}.person{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.person b{flex:1;min-width:80px}.person button{padding:3px 7px;font-size:11px}@media (hover: none) and (pointer: coarse){.hint.keys{display:none}}@media (max-width: 760px),(max-height: 500px) and (pointer: coarse){html,body{height:auto}.desktop-only{display:none!important}body{overflow:auto}body[data-view=record]{padding-top:calc(var(--prompter-strip, 120px) + env(safe-area-inset-top))}.prompter{top:env(safe-area-inset-top);width:calc(100vw - 16px);border-radius:0 0 12px 12px}body[data-view=record]:before{content:"";position:fixed;top:0;left:0;right:0;z-index:45;height:calc(var(--prompter-strip, 120px) + env(safe-area-inset-top));background:var(--bg)}.topbar{gap:8px;padding:6px 8px;position:sticky;top:0;z-index:40}body[data-view=record] .topbar{top:var(--prompter-strip, 120px)}.topbar .wide{display:none}.topbar button{padding:6px 10px}.brand{font-size:16px}.view{flex-direction:column}.stage{padding:10px 8px;gap:10px}.stage,#view-edit .stage{padding-top:10px}.preview-wrap{flex:none;height:56vh}#view-edit .preview-wrap{height:50vh}.controls{flex-wrap:wrap}.controls .scrub-wrap{order:5;flex-basis:100%}.panel{width:auto;border-left:0;border-top:1px solid var(--border);overflow:visible;padding:14px 12px 40px}.countdown{font-size:110px}body.recording.shrink-preview #camCanvas{max-height:30vh}dialog.help{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.help-head{padding:10px 12px}.help-body{padding:4px 14px 16px}.cap-samples canvas{width:30vw}}.script-view{position:relative;flex:none;height:260px;overflow-y:auto;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;line-height:1.55;font-size:14px}.script-view p{margin:0 0 .7em}.script-view .speaker{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}.script-view span.said{opacity:.45}.script-view span.now{background:var(--accent-2);color:#fff;border-radius:3px;padding:0 2px}.script-view p.theirs{opacity:.75}.script-view p[class*=spk]{border-left:3px solid;padding-left:8px}.script-view p.spk0{border-left-color:var(--spk0, #9fd3ff)}.script-view p.spk0 .speaker{color:var(--spk0, #9fd3ff)}.script-view p.spk1{border-left-color:var(--spk1, #ffd27a)}.script-view p.spk1 .speaker{color:var(--spk1, #ffd27a)}.script-view p.spk2{border-left-color:var(--spk2, #9ff0b8)}.script-view p.spk2 .speaker{color:var(--spk2, #9ff0b8)}.script-view p.spk3{border-left-color:var(--spk3, #ffaad4)}.script-view p.spk3 .speaker{color:var(--spk3, #ffaad4)}:root[data-theme=light] .script-view .speaker{filter:brightness(.55) saturate(1.5)}.start-chip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:4px 6px 4px 14px}.start-chip button{padding:4px 10px;border-radius:99px;font-size:12px}.script-view span{cursor:pointer}.scrub-wrap{position:relative;flex:1;display:flex;align-items:center}.scrub-wrap input{width:100%}.scrub-marks{position:absolute;left:8px;right:8px;top:0;bottom:0;pointer-events:none}.scrub-mark{position:absolute;top:2px;height:5px;border-radius:2px}.scrub-mark.retake{background:#ff8a3d}.scrub-mark.mark{background:var(--accent-2)}.mark-list{display:flex;flex-direction:column;gap:6px}.mark-row{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--border);border-radius:8px;font-size:13px}.mark-row button{padding:3px 8px;font-size:12px}.mic-meter{height:6px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden;margin-top:-4px}.mic-meter span{display:block;height:100%;width:0;background:#2ecc71;transition:width .08s linear}.help-table{border-collapse:collapse;width:100%;font-size:13px;margin:6px 0 10px}.help-table th,.help-table td{border:1px solid var(--border);padding:6px 8px;text-align:left;vertical-align:top}.help-table th{background:var(--surface-2)}.help-table td:first-child{font-weight:600;white-space:nowrap}.panel{gap:8px}details.sec{border:1px solid var(--border);border-radius:10px;background:var(--surface);flex:none}details.sec[hidden]{display:none}details.sec>summary{list-style:none;cursor:pointer;padding:10px 12px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}details.sec>summary::-webkit-details-marker{display:none}details.sec>summary:after{content:"▸";margin-left:auto;color:var(--muted);transition:transform .15s}details.sec[open]>summary:after{transform:rotate(90deg)}details.sec>summary:hover{background:var(--surface-2);border-radius:10px}.sec-num{width:20px;height:20px;border-radius:50%;background:var(--accent-2);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex:none}.sec-hint{font-weight:400;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;min-width:0}details.sec>summary{white-space:nowrap}.sec-body{display:flex;flex-direction:column;gap:10px;padding:2px 12px 12px}details.sub{border-top:1px dashed var(--border);padding-top:6px}details.sub>summary{cursor:pointer;font-size:13px;color:var(--accent-2);padding:4px 0}details.sub[open]{display:flex;flex-direction:column;gap:10px}.mic-hint{margin-top:-6px}.export-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.export-bar #exportBtn{flex:1;padding:10px 14px;font-size:15px}#deleteAll{margin-top:0;align-self:flex-start}.podcast h3{margin:0}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.tour-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050a9e}.tour-spot{position:fixed;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #05050a9e,0 0 0 3px var(--accent-2),0 0 24px 4px #7c5cff99;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-card{position:fixed;width:360px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:16px 16px 12px;box-shadow:0 18px 50px #00000073;transition:top .25s ease,left .25s ease}.tour-card h3{margin:6px 0;font-size:17px}.tour-body{margin:0 0 14px;line-height:1.5;font-size:14px;color:var(--text)}.tour-actions{display:flex;gap:8px;align-items:center}.tour-actions .spacer{flex:1}.tour-skip{background:transparent;border-color:transparent;color:var(--muted);padding-left:0}.tour-progress{display:flex;gap:4px}.tour-progress span{width:18px;height:4px;border-radius:2px;background:var(--border)}.tour-progress span.on{background:var(--accent-2)}body.touring .prompter{z-index:50}.sample-offer{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px dashed var(--accent-2);border-radius:8px;font-size:13px;color:var(--muted)}#planBtn{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));font-weight:600}#planBtn.has-plan{color:var(--accent-2);border-color:var(--border)}dialog.plans{width:min(860px,calc(100vw - 32px))}.plans-reason{background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:10px;padding:10px 12px;margin:12px 0 0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0 8px}.plan{border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;background:var(--surface-2)}.plan.best{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2) inset}.plan.current{outline:2px solid var(--accent);outline-offset:-2px}.plan h3{margin:0!important;font-size:16px}.plan .price{font-size:28px;font-weight:800;letter-spacing:-.02em}.plan ul{margin:4px 0 8px;padding-left:18px;flex:1;font-size:13px}.plan li{margin:3px 0}.plan button{width:100%}.plan-have{text-align:center;color:var(--muted);font-weight:600;padding:8px 0}.plans-restore{margin-top:6px;gap:8px}.plans-restore input{flex:1;min-width:200px}.plans-msg.err{color:var(--accent)}.plans-msg:empty{display:none}.plans-msg{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent-2) 14%,transparent)}.plans-msg.err{background:color-mix(in srgb,var(--accent) 12%,transparent)}.plan .price s{font-size:16px;font-weight:500;color:var(--muted);margin-left:4px}.plans-early{margin:12px 0 0;padding:10px 12px;border-radius:10px;border:1px dashed var(--accent-2)}.moved-banner{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:200;width:min(760px,calc(100vw - 24px));display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--accent-2);box-shadow:0 12px 40px var(--shadow);font-size:13px}.moved-banner span{flex:1 1 320px}.moved-banner a.primary{background:var(--accent-2);color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;white-space:nowrap}.cam-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow-y:auto;display:flex;padding:12px}.cam-gate[hidden]{display:none}body.cam-gated .preview-wrap canvas{visibility:hidden}.gate-card{margin:auto;width:min(460px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 24px;box-shadow:0 16px 50px var(--shadow);text-align:center;display:flex;flex-direction:column;gap:12px}.gate-card.wide{width:min(540px,100%)}.gate-card h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.01em}.gate-card h2 span{color:var(--accent)}.gate-card h2.small{font-size:20px}.gate-demo{width:100%;border-radius:10px;border:1px solid var(--border);background:#000;aspect-ratio:16 / 9;object-fit:cover}.gate-points{list-style:none;margin:0;padding:0;text-align:left;display:grid;gap:6px;font-size:14px}.gate-trust{margin:0;color:var(--muted);font-size:13px}.gate-lead{margin:0;color:var(--text);font-size:14px;line-height:1.5}.gate-go{font-size:16px;padding:12px 16px;border-radius:10px}.gate-fine{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}.gate-explore{align-self:center;background:none;border:0;color:var(--accent-2);font-size:13px;cursor:pointer;padding:2px 6px}.gate-explore:hover{text-decoration:underline}.gate-steps{text-align:left;margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.45}.gate-card.nudge{animation:gate-nudge .45s ease}@keyframes gate-nudge{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (max-width: 760px){.gate-card{padding:16px;gap:10px}.gate-card h2{font-size:20px}.gate-points{font-size:13px}}body.cam-welcome #view-record .controls,body.cam-welcome #view-record .hint.keys,body.cam-welcome #startChip,body.cam-invite #view-record .controls,body.cam-invite #view-record .hint.keys,body.cam-welcome #view-record .panel{display:none}.gate-demo{max-height:30vh;width:auto;max-width:100%;align-self:center}@media (max-width: 760px){body.cam-welcome #view-record .preview-wrap{height:auto;min-height:56vh}body.cam-welcome .cam-gate{position:relative;inset:auto;overflow:visible;padding:8px 0}body.cam-welcome .preview-wrap canvas{display:none}.gate-demo{max-height:none;width:100%}}@media (min-width: 761px){.gate-card.wide{gap:10px;padding:18px 22px}.gate-card.wide .gate-demo{max-height:25vh}}.gate-card.welcome{width:min(820px,100%);display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;text-align:left;padding:22px 26px}.gate-media{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.gate-card.welcome .gate-demo{height:min(52vh,440px);max-height:none;width:auto;aspect-ratio:9 / 16;object-fit:cover;border-radius:14px;box-shadow:0 10px 30px var(--shadow)}.gate-media figcaption{color:var(--muted);font-size:12px}.gate-copy{display:flex;flex-direction:column;gap:12px}.gate-card.welcome h2{font-size:30px;line-height:1.15}.gate-sub{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.gate-card.welcome .gate-points{font-size:15px;gap:8px}.gate-card.welcome .gate-go{align-self:stretch}.gate-card.welcome .gate-fine,.gate-card.welcome .gate-trust{text-align:left}.gate-card.welcome{width:min(940px,100%)}.gate-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gate-path{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.gate-path h3{margin:0;font-size:16px}.gate-path p{margin:0;flex:1;color:var(--muted);font-size:13.5px;line-height:1.45}.gate-path .gate-go{align-self:stretch;font-size:15px;padding:11px 12px}.gate-path .gate-explore{align-self:center}.gate-legal{margin:0;color:var(--muted);font-size:12px}.gate-card.pick{width:min(560px,100%);gap:14px}.gate-start{display:grid;gap:10px}.gate-pick{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;transition:border-color .12s,transform .12s}.gate-pick:hover{border-color:var(--accent-2);transform:translateY(-1px)}.gate-pick:first-child{background:linear-gradient(135deg,#ff3d6e,#7c5cff);color:#fff;border-color:transparent}.gate-pick .gp-icon{font-size:26px}.gate-pick .gp-text{display:flex;flex-direction:column;gap:2px;min-width:0;white-space:normal}.gate-pick{white-space:normal;min-width:0}.gate-card.pick{max-width:calc(100vw - 24px);box-sizing:border-box}.gate-pick b{font-size:16px}.gate-pick small{font-size:13px;opacity:.8}.gate-card.pick .gate-links{justify-content:center}.gate-kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--accent-2)}.gate-for{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.gate-for span{padding:2px 9px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.gate-card.welcome .gate-copy{gap:10px}.gate-card.welcome .gate-trust{font-size:13px;color:var(--text)}.gate-card.welcome .gate-sub b,.gate-path p b{color:var(--text);font-weight:600}@media (min-width: 761px){.gate-card.welcome .gate-demo{height:min(50vh,430px)}.gate-card.welcome h2{font-size:28px}}@media (min-width: 761px){body.cam-welcome #view-record .stage{padding-top:calc(var(--prompter-h, 120px) - 44px + 8px)}}@media (min-width: 761px) and (max-height: 820px){.gate-card.welcome .gate-fine{display:none}.gate-card.welcome h2{font-size:26px}.gate-card.welcome{padding-top:16px;padding-bottom:16px}}@media (max-width: 760px){body.cam-welcome .prompter,body.cam-welcome[data-view=record]:before{display:none}body.cam-welcome[data-view=record]{padding-top:env(safe-area-inset-top)}body.cam-welcome[data-view=record] .topbar{top:0}.gate-card.welcome .gate-copy{display:contents}.gate-card.welcome .gate-media{order:1}.gate-card.welcome .gate-media .gate-demo{height:300px}.gate-card.welcome .gate-quote,.gate-card.welcome .gate-trust,.gate-card.welcome .gate-fine,.gate-card.welcome .gate-legal{order:2}.gate-for{justify-content:center}.gate-card.welcome .gate-kicker{text-align:center}}.gate-quote{margin:0;min-height:36px;font-size:13px;line-height:1.4;color:var(--text)}.gate-quote .gq{display:flex;align-items:center;gap:10px}.gate-quote .gq[hidden]{display:none}.gate-quote img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}.gate-quote a{color:var(--accent-2)}.gate-legal a{color:var(--muted)}.gate-legal a:hover{color:var(--text)}.gate-trust .gate-explore{padding:0;font-size:inherit}@media (max-width: 760px){.gate-paths{grid-template-columns:1fr}.gate-path{text-align:left}}.gate-links{display:flex;gap:6px;align-items:center;color:var(--muted)}.gate-links .gate-explore{padding:2px 0}.gate-phone{margin:0;font-size:13px;line-height:1.45;background:color-mix(in srgb,var(--accent-2) 12%,transparent);border-radius:10px;padding:8px 10px}.gate-phone a{color:var(--accent-2)}@media (max-width: 760px){.gate-card.welcome{grid-template-columns:1fr;text-align:center;gap:14px;padding:16px}.gate-card.welcome .gate-demo{height:300px}.gate-card.welcome h2{font-size:22px}.gate-card.welcome .gate-fine,.gate-card.welcome .gate-trust,.gate-legal{text-align:center}.gate-card.welcome .gate-points{text-align:left}.gate-links{justify-content:center}}.prompter-demo,.prompter-pointer{display:none}body.cam-welcome .prompter-demo{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:2;background:#000}body.cam-welcome .prompter-demo>div{padding:8px 18px;animation:prompter-demo 14s linear infinite}.prompter-demo p{margin:0 0 .25em;color:#fff;font-size:calc(var(--pf) * .9);line-height:1.3;font-weight:600}.prompter-demo p:first-child{color:#fff}.prompter-demo p:not(:first-child){color:#ffffff8c}@keyframes prompter-demo{0%,8%{transform:translateY(0)}92%,to{transform:translateY(-62%)}}body.cam-welcome .prompter-pointer{display:block;position:fixed;z-index:49;top:var(--pointer-top, 140px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--accent-2);color:#fff;font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px;box-shadow:0 6px 20px #3c1ea059;animation:pointer-bob 1.8s ease-in-out infinite}@keyframes pointer-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}@media (prefers-reduced-motion: reduce){body.cam-welcome .prompter-demo>div,body.cam-welcome .prompter-pointer{animation:none}}@media (max-width: 760px){body.cam-welcome .prompter-pointer{font-size:12px;white-space:normal;width:max-content;max-width:90vw;text-align:center}}.coach{position:relative;display:block;max-width:640px;margin:0 auto 4px;padding:8px 34px 8px 12px;border-radius:10px;line-height:1.45;background:color-mix(in srgb,var(--accent-2) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--accent-2) 45%,transparent);font-size:14px}.coach[hidden]{display:none}.coach-x{position:absolute;top:6px;right:6px;background:none;border:0;color:var(--muted);cursor:pointer;padding:2px 4px}.coach kbd{font-size:12px}.checklist{position:fixed;left:16px;top:68px;z-index:60;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px var(--shadow);padding:12px 14px;font-size:14px}.checklist[hidden],body.recording .checklist,body.cam-welcome .checklist,body.touring .checklist{display:none}.cl-head{display:flex;align-items:center;gap:8px}.cl-toggle{background:none;border:0;padding:0;color:var(--text);font:inherit;cursor:pointer;display:flex;gap:8px;align-items:center}.cl-count{color:var(--muted);font-size:12px}.cl-x{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer}.cl-bar{height:4px;border-radius:2px;background:var(--surface-2);margin:8px 0 4px;overflow:hidden}.cl-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s}.cl-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}.cl-steps button{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;padding:6px 4px;border-radius:8px;color:var(--text);font:inherit;cursor:pointer}.cl-steps li.next button{background:color-mix(in srgb,var(--accent-2) 10%,transparent)}.cl-steps small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.cl-steps li.done b{color:var(--muted);text-decoration:line-through;font-weight:500}.cl-tick{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;border:1.5px solid var(--border);color:var(--muted)}.cl-steps li.next .cl-tick{border-color:var(--accent-2);color:var(--accent-2)}.cl-steps li.done .cl-tick{background:#1baf7a;border-color:#1baf7a;color:#fff}.cl-p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45;display:block}.cl-mail .row{display:flex;gap:6px;margin-top:6px}.cl-mail input{flex:1;min-width:0}.cl-note{color:var(--text)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:300}@media (max-width: 760px){.checklist{left:8px;right:8px;top:auto;bottom:8px;width:auto}}.upsell a{color:var(--accent-2);font-weight:600}#planBtn.quiet{color:var(--text);border-color:var(--border);font-weight:500}.plans-guarantee{margin:12px 0 0;font-size:14px}.cl-steps button{white-space:normal;min-width:0}.cl-steps button>span:last-child{min-width:0}@media (max-width: 760px){body.cam-welcome .prompter-pointer{display:none}}#fullscreenBtn.attention{border-color:var(--accent-2);color:var(--accent-2);animation:fs-pulse 2.2s ease-in-out infinite}body.cam-welcome #fullscreenBtn.attention{animation:none}@keyframes fs-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent-2) 45%,transparent)}50%{box-shadow:0 0 0 6px transparent}}@media (prefers-reduced-motion: reduce){#fullscreenBtn.attention{animation:none}}.coach-go{display:inline-block;margin:6px 0 0;padding:6px 12px;font-size:14px}.lang-hint{margin:8px 0 0;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.45;background:color-mix(in srgb,var(--accent-2) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent)}.lang-hint[hidden]{display:none}.lang-hint a{color:var(--accent-2)}.lang-hint button{margin-top:6px}body.live #view-record .controls,body.live #view-record .hint.keys,body.live .checklist,body.live #coach,body.live #startChip,body.live .prompter-pointer{display:none!important}body.live #view-record .stage{padding-top:calc(var(--prompter-h, 120px) + 52px)}.live-panel[hidden]{display:none}.live-card{width:min(620px,100%);text-align:left;gap:12px}.live-card h2{font-size:24px}.live-card h2 span{color:var(--muted);font-weight:600;font-size:18px}.live-steps{margin:0;padding-left:22px;display:grid;gap:10px;font-size:14px;line-height:1.5}.live-steps .check{display:block;margin-top:4px;font-weight:400}.live-steps .check input{margin-right:6px}body.live .preview-wrap canvas{visibility:hidden}.live-steps a{color:var(--accent-2)}.live-actions{display:flex;gap:10px;flex-wrap:wrap}.live-actions .primary{flex:1;min-width:220px;padding:12px 16px;font-size:15px}.live-tips{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:grid;gap:4px}.gate-live{align-self:flex-start;background:none;border:0;color:var(--accent-2);font:inherit;font-size:13px;cursor:pointer;padding:2px 0;text-align:left}.gate-card:not(.welcome) .gate-live{align-self:center}.gate-live:hover{text-decoration:underline}#liveBtn{font-weight:500}.prompter-bar{display:none;position:absolute;left:0;right:0;bottom:0;height:44px;z-index:6;gap:6px;align-items:center;padding:6px 8px;background:#14141af5;border-top:1px solid rgba(255,255,255,.12)}#view-record~.prompter-bar,.prompter .prompter-bar{display:flex}body.cam-welcome .prompter{--bar: 0px}body.cam-welcome .prompter-bar,.prompter-bar .pip-rec{display:none}.prompter.rec .prompter-bar .pip-rec{display:inline-block}.prompter-bar button{min-width:36px;height:32px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-weight:700;cursor:pointer}.prompter-bar button:hover{background:#ffffff29}.prompter-bar button[hidden]{display:none}.prompter-bar [data-p=play]{background:#7c5cff;border-color:#7c5cff;min-width:48px}.pip-gap{flex:1}.prompter-bar .pip-auto{display:none}.prompter.auto-mode .prompter-bar .pip-auto{display:inline-block}.prompter-viewport,.hold-badge{bottom:var(--bar, 44px)!important}body.pip-live .rec-badge{display:none!important}.hold-btn{position:absolute;top:6px;right:6px;z-index:4;width:30px;height:26px;padding:0;border-radius:7px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:12px;cursor:pointer;opacity:.55}.hold-btn:hover{opacity:1;background:#ffffff38}.hold-btn[hidden],.hold-badge[hidden]{display:none}.end-badge{background:#0a0a0edb}.end-badge span{flex-basis:100%;font-size:13px;opacity:.8}.hold-badge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 6px;padding:0 12px;background:#0a0a0ec7;color:#fff;border:0;font:inherit;font-size:15px;cursor:pointer;text-align:center}.hold-badge kbd{background:#ffffff26;border-color:#ffffff4d;color:#fff}.hold-btn{display:none!important}body.rec-paused .rec-badge{opacity:.45}#prompterPlay,#popoutBtn{display:none!important}body.recording #liveBtn{display:none}#backBtn,#markBtn{display:none!important}.prompter-bar button.flash{background:#ffd27a;border-color:#ffd27a;color:#16161d;transition:background .2s}.update-pill{border-radius:999px;border:1px solid var(--accent-2);color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent);font-weight:600;padding:6px 12px;white-space:nowrap;animation:fs-pulse 2.2s ease-in-out 3}.update-pill[hidden]{display:none}.update-pill:disabled{opacity:.6;cursor:default;animation:none}.whatsnew{position:fixed;right:16px;bottom:16px;z-index:205;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px var(--shadow);padding:12px 14px;font-size:13.5px}.whatsnew ul{margin:8px 0;padding-left:18px;display:grid;gap:6px;line-height:1.4}.whatsnew .link{background:none;border:0;color:var(--accent-2);cursor:pointer;padding:0;font:inherit}body.recording .whatsnew,body.cam-welcome .whatsnew,body.touring .whatsnew{display:none}