: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)}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);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:6px;right:8px;display:flex;gap:6px;align-items:center;z-index:1}.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:static;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)}.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)}.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-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)}