:root{color:#f5f8fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07090c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#07090c;min-width:320px}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}textarea{-webkit-text-size-adjust:100%}#root{min-height:100svh}.app-shell{--bg:#07090c;--surface:#10151b;--surface-2:#161d24;--surface-3:#202832;--text:#f5f8fb;--muted:#a8b4bf;--border:#ebf4fa1f;--accent:#6ee7e1;--accent-2:#8fb8ff;--danger:#ff5f6f;--shadow:0 20px 80px #0000005c;min-height:100svh;color:var(--text);background:linear-gradient(180deg, #121b22eb, #07090cfa 34%), var(--bg);grid-template-columns:minmax(264px,320px) minmax(0,1fr);display:grid}.theme-light{--bg:#f7fafb;--surface:#fff;--surface-2:#ecf2f4;--surface-3:#dfe9ec;--text:#101820;--muted:#4c5c67;--border:#0d19231f;--accent:#008f8c;--accent-2:#426edb;--danger:#cc3146;background:var(--bg)}.theme-contrast{--bg:#000;--surface:#070707;--surface-2:#111;--surface-3:#1f1f1f;--text:#fff;--muted:#e5e5e5;--border:#ffffff4d;--accent:#00ffea;--accent-2:#f9fb63;--danger:#f35;background:#000}.library-rail{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090d11b8;flex-direction:column;gap:22px;min-height:100svh;padding:24px;display:flex}.theme-light .library-rail{background:#ffffffb8}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{color:#071012;background:var(--accent);border-radius:8px;place-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.brand-lockup h1,.panel h2,.script-card h3,.permission-card h3{color:var(--text);letter-spacing:0;margin:0;line-height:1.06}.brand-lockup h1{font-size:22px}.rail-actions,.header-actions,.card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-action,.secondary-action,.record-launch,.status-button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.primary-action,.record-launch{color:#071012;background:var(--accent)}.secondary-action{color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.script-list{gap:8px;display:grid;overflow:auto}.script-row{width:100%;min-height:58px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.script-row span{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:700;overflow:hidden}.script-row small{color:var(--muted);font-size:12px}.script-row.is-selected,.script-row:hover{border-color:var(--border);background:var(--surface-2)}.rail-status{color:var(--muted);align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.rail-error,.panel-alert{color:#ffd6dc;background:#ff5f6f1f;border:1px solid #ff5f6f80;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:750}.workspace{min-width:0;min-height:100svh}.view-prompter{grid-template-columns:1fr}.view-prompter .library-rail{display:none}.panel{min-height:100svh;padding:28px}.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.panel h2{font-size:34px}.script-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.android-warning{border:1px solid color-mix(in srgb, var(--danger), transparent 45%);color:var(--text);background:color-mix(in srgb, var(--danger), var(--surface) 86%);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:0 0 18px;padding:14px;display:grid}.android-warning svg{color:var(--danger)}.android-warning strong{margin-bottom:4px;display:block}.android-warning p{color:var(--muted);margin:0;line-height:1.45}.script-card,.editor-card,.prep-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.script-card{align-content:space-between;gap:18px;min-height:236px;padding:18px;display:grid}.script-card.is-selected{border-color:color-mix(in srgb, var(--accent), transparent 45%)}.script-card h3{margin-bottom:10px;font-size:22px}.script-card p{color:var(--muted);margin:0;line-height:1.5}.card-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:18px;display:grid}.editor-card{padding:18px}.field-label{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:800;display:block}.title-input,.script-editor{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-2);font:inherit;border-radius:8px;outline:none}.title-input:focus,.script-editor:focus{border-color:var(--accent)}.primary-action:focus-visible,.secondary-action:focus-visible,.record-launch:focus-visible,.status-button:focus-visible,.icon-button:focus-visible,.script-row:focus-visible,.script-line:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.title-input{min-height:54px;margin-bottom:18px;padding:0 14px;font-size:22px;font-weight:800}.script-editor{resize:vertical;min-height:min(62svh,640px);padding:18px;line-height:1.65}.prep-card{gap:16px;padding:18px;display:grid}.prep-stat{border-bottom:1px solid var(--border);padding-bottom:14px}.prep-stat span{font-size:44px;font-weight:850;line-height:1;display:block}.prep-stat small,.check-list p{color:var(--muted)}.check-list{gap:10px;display:grid}.check-list p{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.record-launch{width:100%;min-height:54px;font-size:15px}.icon-button{border:1px solid var(--border);width:48px;height:48px;color:var(--text);cursor:pointer;background:#ffffff12;border-radius:8px;place-items:center;display:grid}.icon-button:hover,.icon-button.is-active{color:#061011;background:var(--accent)}.icon-button--solid{color:#061011;background:var(--accent);border-color:#0000}.icon-button--danger{color:#fff;background:var(--danger);border-color:#0000}.icon-button:disabled{cursor:not-allowed;opacity:.48}.prompter-stage{--line-step:calc(var(--prompter-font-size) * var(--prompter-line-height) + 20px);isolation:isolate;touch-action:manipulation;background:#020304;height:100svh;min-height:100svh;position:relative;overflow:hidden}.prompter-topbar,.prompter-chrome-toggle,.prompter-dock,.reading-panel,.take-review,.countdown-overlay,.status-strip{z-index:12;position:absolute}.prompter-topbar{top:max(10px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#030608bd;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex;left:12px;right:12px}.prompter-chrome-toggle{top:max(14px, env(safe-area-inset-top));right:14px}.prompter-stage.chrome-hidden .prompter-topbar,.prompter-stage.chrome-hidden .prompter-dock,.prompter-stage.chrome-hidden .reading-panel,.prompter-stage.chrome-hidden .take-review,.prompter-stage.chrome-hidden .status-strip,.prompter-stage.chrome-hidden .camera-badge{display:none}.session-title{border-radius:7px;flex:1;justify-content:start;min-width:0;min-height:42px;padding:5px 8px;display:grid}.session-title strong,.session-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(52vw,480px);overflow:hidden}.session-title span{color:var(--muted);font-size:12px;font-weight:800}.record-dot{background:var(--surface-3);border:1px solid var(--border);border-radius:50%;width:10px;height:10px;margin-inline:4px 6px}.record-dot.is-live{background:var(--danger);box-shadow:0 0 0 8px #ff5f6f29}.stage-body{display:grid;position:absolute;inset:0}.camera-pane,.script-pane{min-width:0;min-height:0;position:relative;overflow:hidden}.camera-pane{background:linear-gradient(135deg,#6ee7e11a,#0000 32%),#05070a}.camera-pane video{object-fit:cover;width:100%;height:100%;transform:scale(var(--camera-zoom));transition:transform .16s}.camera-pane.is-mirrored video{transform:scaleX(-1) scale(var(--camera-zoom))}.camera-pane:not(.uses-preview-zoom) video{transform:scale(1)}.camera-pane.is-mirrored:not(.uses-preview-zoom) video{transform:scaleX(-1)}.permission-card{z-index:16;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c0fb8;border:1px solid #ffffff26;border-radius:8px;justify-items:start;gap:12px;max-width:430px;margin:0 auto;padding:18px;display:grid;position:absolute;inset:auto 18px 130px}.permission-card p{color:var(--muted);margin:0}.camera-badge{z-index:4;color:var(--muted);background:#04060894;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800;position:absolute;bottom:118px;right:16px}.script-pane{color:#fff;--active-offset:clamp(178px, 36svh, 300px);overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow:hidden auto}.script-pane::-webkit-scrollbar{display:none}.script-active-anchor{top:var(--active-offset);pointer-events:none;width:1px;height:1px;position:absolute;left:0}.layout-overlay .script-pane:before,.layout-overlay .script-pane:after{content:"";z-index:6;pointer-events:none;position:absolute;left:0;right:0}.layout-overlay .script-pane:before{height:max(128px, calc(env(safe-area-inset-top) + 112px));background:linear-gradient(#000000eb,#0000);top:0}.layout-overlay .script-pane:after{height:max(190px, calc(env(safe-area-inset-bottom) + 174px));background:linear-gradient(#0000,#000000f0);bottom:0}.layout-overlay .script-pane{z-index:5;pointer-events:auto;background:linear-gradient(180deg, transparent 14%, rgba(0, 0, 0, var(--overlay-opacity)) 40%, #000000b8 84%, #000000e0);position:absolute;inset:0}.layout-overlay .script-line{pointer-events:auto}.layout-split .stage-body{grid-template-columns:44% 56%}.layout-split.order-camera-first .camera-pane{order:1}.layout-split.order-camera-first .script-pane{order:2}.layout-split.order-script-first .script-pane{order:1}.layout-split.order-script-first .camera-pane{order:2}.layout-split .script-pane{background:var(--surface)}.script-track{width:min(var(--prompter-text-width), 980px);margin:0 auto;padding:30svh 18px 54svh}.script-line{box-sizing:border-box;color:#ffffff57;width:100%;min-height:auto;font:inherit;font-size:var(--prompter-font-size);font-weight:760;line-height:max(1.4, var(--prompter-line-height));text-align:center;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:22px 0;padding:0 10px}.script-line.is-active{color:#fff;text-shadow:0 2px 18px #00000070;background:0 0}.script-word{border-radius:4px;transition:color .16s,background .16s,box-shadow .16s;display:inline-block}.script-word.is-spoken{color:#ffffff57;box-shadow:none;text-shadow:none;background:0 0}.script-word.is-current{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.18em;text-shadow:0 2px 20px #00000094;text-decoration-thickness:.1em}.reading-panel{left:12px;right:12px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 76px);color:#fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#06090ce6;border:1px solid #ffffff1f;border-radius:10px;gap:14px;width:min(520px,100vw - 24px);max-height:min(72svh,620px);margin:0 auto;padding:14px;display:grid;overflow:auto;box-shadow:0 24px 90px #00000080}.reading-panel-header{justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.reading-panel-header span,.reading-panel-header small{display:block}.reading-panel-header span{font-size:14px;font-weight:850}.reading-panel-header small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:750}.reading-panel-header .icon-button,.take-close{width:34px;height:34px}.settings-control-list{gap:12px;display:grid}.settings-control-list label{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;font-size:13px;font-weight:800;display:grid}.settings-control-list label>span{align-items:center;gap:8px;display:inline-flex}.settings-control-list strong{color:var(--muted);font-size:12px}.settings-control-list input,.settings-control-list select{width:100%;min-height:38px;accent-color:var(--accent);grid-column:1/-1}.settings-control-list select{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px}.settings-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.settings-action{color:#ffffffd1;min-height:56px;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;place-items:center;gap:5px;font-size:11px;font-weight:850;display:grid}.settings-action.is-active{color:#061011;background:var(--accent)}.settings-action:disabled{opacity:.45}.take-review{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06090cb8;border:1px solid #ffffff1f;border-radius:8px;gap:10px;width:min(320px,100vw - 28px);padding:12px;display:grid;top:96px;left:14px}.prompter-warning{z-index:13;left:14px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 124px);color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#220c10c7;width:min(360px,100vw - 28px);margin:0;position:absolute}.prompter-warning strong{margin:0;font-size:13px}.take-close{z-index:2;background:#05080ac7;position:absolute;top:8px;right:8px}.take-review video{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%}.take-review strong,.take-review span{display:block}.take-review span,.take-review p{color:var(--muted);font-size:12px}.take-review p{margin:0}.take-actions{flex-wrap:wrap;gap:8px;display:flex}.countdown-overlay{z-index:20;color:#fff;pointer-events:none;background:#00000057;place-items:center;display:grid;inset:0}.countdown-overlay span{width:132px;height:132px;color:var(--accent);background:#05080ab8;border:1px solid #ffffff3d;border-radius:50%;place-items:center;font-size:74px;font-weight:850;line-height:1;display:grid;box-shadow:0 24px 90px #0000007a}.prompter-dock{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#05080adb;border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;gap:8px;width:min(520px,100vw - 24px);margin:0 auto;padding:8px;display:grid;overflow:hidden;box-shadow:0 18px 60px #0000006b}.prompter-dock .icon-button{width:100%;height:52px}.status-strip{left:12px;right:12px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 74px);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;width:min(520px,100vw - 24px);margin:0 auto;display:flex;overflow:visible}.status-pill{color:#ffffffdb;white-space:nowrap;background:#040709a3;border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-listening{color:#061011;background:var(--accent)}.status-countdown{color:#061011;background:var(--accent-2)}.status-error{color:#fff;background:var(--danger)}.status-button{pointer-events:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.app-shell{grid-template-columns:1fr}.library-rail{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.script-list{grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;overflow-x:auto}.panel{min-height:auto;padding:20px}.editor-layout{grid-template-columns:1fr}}@media (width<=700px){.library-rail{gap:14px;padding:16px}.brand-lockup h1{font-size:18px}.panel-header{flex-direction:column;align-items:flex-start}.panel h2{font-size:28px}.script-grid{grid-template-columns:1fr}.script-editor{min-height:48svh}.prompter-stage{min-height:100svh}.prompter-topbar{gap:8px}.session-title{max-width:none}.reading-panel-header{z-index:1;background:#06090cf0;position:sticky;top:0}.take-review{top:auto;left:14px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 122px);width:min(240px,100vw - 28px);max-height:226px;overflow:auto}.layout-split .stage-body{grid-template-rows:48% 52%;grid-template-columns:1fr}.layout-split .script-pane{--active-offset:9svh}.layout-split.order-camera-first .camera-pane{order:1}.layout-split.order-camera-first .script-pane{order:2}.layout-split.order-script-first .script-pane{order:1}.layout-split.order-script-first .camera-pane{order:2}.script-track{width:96%;padding:34svh 10px 56svh}.script-line{font-size:clamp(24px, var(--prompter-font-size), 40px);margin-block:24px;padding-inline:10px}.permission-card{inset:auto 14px 132px}.camera-badge{bottom:116px;left:14px;right:auto}.settings-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (orientation:landscape) and (height<=560px){.script-pane{--active-offset:clamp(92px, 34svh, 136px)}.script-track{width:min(94%,980px);padding:24svh 14px 42svh}.script-line{font-size:clamp(20px, calc(var(--prompter-font-size) * .74), 30px);margin-block:16px;padding-block:8px}.layout-split.order-camera-first .stage-body{grid-template-columns:28% 72%}.layout-split.order-script-first .stage-body{grid-template-columns:72% 28%}.reading-panel{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 64px);max-height:calc(100svh - 92px);padding:10px}.settings-control-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-action-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.camera-badge,.status-strip{display:none}.prompter-dock{width:min(440px,100vw - 20px);left:10px;right:10px;bottom:max(8px, env(safe-area-inset-bottom));gap:5px;padding:5px}.prompter-dock .icon-button{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}