:root{--bg:#09090b;--surface:#131316;--surface-2:#1b1b20;--surface-3:#26262d;--border:#2a2a31;--text:#f4f4f5;--muted:#8e8e99;--faint:#5b5b66;--accent:#ffc53d;--accent-ink:#1a1400;--accent-soft:#ffc53d24;--rec:#ff3b30;--ok:#4ade80;--warn:#fbbf24;--radius:14px;--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);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}body{overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:15px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:var(--surface-2);border:1px solid var(--border)}.btn.ghost:hover:not(:disabled){background:var(--surface-3)}.btn.wide{width:100%;margin-top:8px}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.danger:hover{color:var(--rec)}.badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 7px;font-size:12px}.editor{height:100%;padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 16px var(--accent);border-radius:50%}.topbar-actions{align-items:center;gap:6px;display:flex}.editor-body{flex:1;min-height:0;display:flex}.script-list{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:260px;padding:12px;display:flex;overflow-y:auto}.script-item{text-align:left;color:var(--muted);border-radius:10px;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.script-item:hover{background:var(--surface)}.script-item.active{background:var(--surface-2);color:var(--text)}.script-item.add{color:var(--accent);flex-direction:row;align-items:center;gap:8px;font-weight:600}.script-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.script-meta{color:var(--faint);font-size:12px}.editor-main{min-width:0;padding:16px 24px calc(16px + var(--safe-b));flex-direction:column;flex:1;gap:12px;display:flex}.title-row{align-items:center;gap:8px;display:flex}.title-input{letter-spacing:-.02em;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:4px 0;font-size:26px;font-weight:700}.title-input::placeholder{color:var(--faint)}.script-input{resize:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;flex:1;min-height:200px;padding:18px 20px;font-size:17px;line-height:1.6;transition:border-color .15s}.script-input:focus{border-color:#3d3d47}.script-input::placeholder{color:var(--faint)}.editor-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stats{color:var(--muted);font-variant-numeric:tabular-nums;gap:14px;font-size:14px;display:flex}.footer-actions{gap:8px;display:flex}.error-note{color:var(--rec);font-size:14px}@media (width<=760px){.editor-body{flex-direction:column}.script-list{border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none;flex-direction:row;width:auto;padding:8px 12px;overflow:auto hidden}.script-list::-webkit-scrollbar{display:none}.script-item{max-width:180px;padding:8px 12px}.script-meta{display:none}.editor-main{padding:12px 16px calc(12px + var(--safe-b))}.title-input{font-size:22px}.script-input{padding:14px 16px;font-size:16px}.footer-actions{width:100%}.footer-actions .btn{flex:1;padding:0 12px}}.prompter{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#000;position:fixed;inset:0;overflow:hidden}.cam{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.cam-dim{pointer-events:none;background:#000;position:absolute;inset:0}.progress{z-index:4;background:#ffffff0f;height:3px;position:absolute;top:0;left:0;right:0}.progress>div{background:var(--accent);transform-origin:0;height:100%;transition:transform .3s ease-out}.scroller{scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.scroller::-webkit-scrollbar{display:none}.content{isolation:isolate;box-sizing:border-box;padding-left:calc(24px + var(--safe-l));padding-right:calc(24px + var(--safe-r));letter-spacing:-.005em;color:#fff;word-wrap:break-word;overflow-wrap:anywhere;font-weight:600;position:relative}.content.col-center{margin:0 auto}.content.col-right{margin-left:auto}.with-cam .content{text-shadow:0 2px 12px #000000d9,0 0 2px #000000e6}.para{margin:0 0 .9em}.end-mark{color:var(--faint);text-align:center;padding-top:1em;font-size:.5em}.w{cursor:pointer;border-radius:.12em;transition:color .25s,opacity .25s}.w.note{color:#7dd3fc;opacity:.75;font-style:italic;font-weight:500}.hl-words .w.read,.hl-both .w.read{color:#ffffff4d}.hl-words .w.read.note,.hl-both .w.read.note{color:#7dd3fc4d}.hl-words .w.cur,.hl-both .w.cur{color:var(--accent)}.with-cam.hl-words .w.read,.with-cam.hl-both .w.read{color:#ffffff6b}.linebar{z-index:-1;box-shadow:inset .14em 0 0 var(--accent);pointer-events:none;background:#ffffff12;border-radius:.2em;transition:transform .22s ease-out,height .2s;display:none;position:absolute;top:0;left:0;right:0}.hl-line .linebar,.hl-both .linebar{display:block}.with-cam .linebar{background:#00000073}.reading-marker{pointer-events:none;z-index:2;height:0;position:absolute;left:0;right:0}.reading-marker span{border-top:9px solid #0000;border-bottom:9px solid #0000;width:0;height:0;position:absolute;top:-9px}.reading-marker span:first-child{left:calc(4px + var(--safe-l));border-left:12px solid var(--accent)}.reading-marker span:last-child{right:calc(4px + var(--safe-r));border-right:12px solid var(--accent)}.hud{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));z-index:5;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute}.hud-left,.hud-right{flex-wrap:wrap;gap:6px;display:flex}.pill{-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;height:28px;color:var(--muted);background:#141418b8;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.pill.live{color:var(--ok)}.pill.live svg{animation:1.4s ease-in-out infinite pulse}.pill.rec{color:#fff;background:#ff3b30e6}.pill.rec i{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.pill.rec.paused{color:var(--accent-ink);background:#ffc53deb}.pill.rec.paused i{background:var(--accent-ink);animation:none}.pill.dim{font-size:12px;font-weight:500}@keyframes pulse{50%{opacity:.35}}.countdown{color:#fff;z-index:8;pointer-events:none;text-shadow:0 8px 40px #0009;place-items:center;font-size:min(40vw,40vh);font-weight:800;animation:1s ease-out infinite pop;display:grid;position:absolute;inset:0}@keyframes pop{0%{opacity:.6;transform:scale(1.15)}30%{opacity:1;transform:scale(1)}}.banner,.toast{z-index:9;-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:12px;max-width:min(560px,100% - 32px);padding:12px 16px;font-size:14px;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.banner{bottom:calc(96px + var(--safe-b));background:#7f1d1deb;border:1px solid #ff636366}.toast{bottom:calc(96px + var(--safe-b));border:1px solid var(--border);white-space:nowrap;background:#1e1e24f0}.heard{left:50%;bottom:calc(92px + var(--safe-b));max-width:calc(100% - 32px);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;z-index:5;pointer-events:none;background:#0009;border-radius:8px;padding:6px 12px;font-size:13px;transition:bottom .3s;position:absolute;overflow:hidden;transform:translate(-50%)}.controls-hidden .heard{bottom:calc(14px + var(--safe-b))}.controls{left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));-webkit-backdrop-filter:blur(16px)saturate(1.4);z-index:6;background:#121216cc;border:1px solid #ffffff12;border-radius:20px;justify-content:space-between;align-items:center;gap:8px;padding:8px;transition:opacity .3s,transform .3s;display:flex;position:absolute}.controls-hidden .controls{opacity:0;pointer-events:none;transform:translateY(24px)}.controls-group{flex:1;align-items:center;gap:2px;display:flex}.controls-group.center{flex:none;justify-content:center;gap:12px}.controls-group.right{justify-content:flex-end}.ctl{color:#d4d4d8;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.ctl:hover{background:#ffffff12}.ctl.big{background:#ffffff17;border-radius:50%;width:52px;height:52px}.ctl.big.on{background:var(--accent);color:var(--accent-ink)}.dot-badge{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:4px;right:4px}.rec-btn{width:60px;height:60px;color:var(--rec);border:3px solid #ffffffe6;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .15s;display:grid}.rec-btn:active{transform:scale(.94)}.rec-dot{background:var(--rec);border-radius:50%;width:44px;height:44px;transition:all .2s}.rec-btn.wait .rec-dot{opacity:.7;border-radius:6px;width:26px;height:26px}.rec-btn.on{border-color:var(--rec)}@media (width<=480px){.hide-xs{display:none}}@media (height<=500px){.controls{bottom:calc(8px + var(--safe-b));padding:4px 8px}.rec-btn{width:50px;height:50px}.rec-dot{width:36px;height:36px}.ctl.big{width:46px;height:46px}.heard{bottom:calc(72px + var(--safe-b))}.toast,.banner{bottom:calc(76px + var(--safe-b))}.topbar{padding:4px 16px}.editor-body{flex-direction:column}.script-list{border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none;flex-direction:row;width:auto;padding:6px 12px;overflow:auto hidden}.script-item{max-width:180px;padding:6px 12px}.script-meta{display:none}.editor-main{padding:8px 16px calc(8px + var(--safe-b));gap:8px}.title-input{padding:0;font-size:18px}.title-row .icon-btn{height:34px}.script-input{min-height:80px;padding:12px 14px;font-size:16px}.btn{height:40px}}.sheet-backdrop{z-index:20;background:#00000080;justify-content:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-left:1px solid var(--border);width:min(420px,100%);height:100%;padding-top:var(--safe-t);padding-right:var(--safe-r);flex-direction:column;animation:.25s cubic-bezier(.2,.8,.2,1) slide-in;display:flex}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}@media (width<=600px) and (height>=501px){.sheet-backdrop{align-items:flex-end}.sheet{border-left:0;border-top:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;height:auto;max-height:88%;padding-top:0;animation-name:slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(60px)}}}.sheet-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 10px 10px 20px;display:flex}.sheet-head h2{margin:0;font-size:18px}.sheet-body{padding:8px 20px calc(24px + var(--safe-b));-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;overflow-y:auto}.set-section{border-bottom:1px solid var(--border);padding:14px 0}.set-section:last-of-type{border-bottom:0}.set-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:0 0 10px;font-size:12px}.set-row{padding:8px 0}.set-label{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:15px;display:flex}.set-value{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:14px}.set-hint{color:var(--muted);margin:4px 0 8px;font-size:13px;line-height:1.45}.set-hint.warn{color:var(--warn)}.set-hint.ok{color:var(--ok)}.range{width:100%;accent-color:var(--accent);height:28px}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:flex}.segmented button{height:34px;color:var(--muted);border-radius:8px;flex:1;padding:0 6px;font-size:14px}.segmented button.on{background:var(--surface-3);color:var(--text);font-weight:600}.select{background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;height:42px;padding:0 12px;font-size:15px}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:15px;display:flex}.toggle-row small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.switch{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:14px;flex-shrink:0;width:46px;height:28px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}.take{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-top:12px;padding:10px}.take video{background:#000;border-radius:10px;width:100%;max-height:240px;display:block}.take-meta{flex-direction:column;gap:2px;padding:10px 2px;font-size:14px;display:flex}.take-meta span{color:var(--muted);font-size:13px}.take-actions{gap:8px;display:flex}.take-actions .btn{flex:1;height:40px;padding:0 10px}.empty{color:var(--muted);text-align:center;padding:24px 0}