: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;background:#020304;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(14px, env(safe-area-inset-top));align-items:center;gap:12px;display:flex;left:14px;right:14px}.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{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0d99;border:1px solid #ffffff1f;border-radius:8px;justify-content:start;min-width:0;min-height:48px;padding:8px 14px;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:16px;height:16px;margin-left:auto}.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:42svh}.layout-overlay .script-pane{z-index:5;pointer-events:none;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);will-change:transform;margin:0 auto;padding:0 16px 40svh;transition:transform .26s}.script-line{width:100%;min-height:var(--line-step);color:#ffffff70;font:inherit;font-size:var(--prompter-font-size);font-weight:720;line-height:var(--prompter-line-height);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:10px 0;padding:12px 18px}.script-line.is-active{color:#fff;text-shadow:0 2px 18px #00000070;background:#6ee7e126}.script-word{border-radius:6px;transition:color .16s,background .16s,box-shadow .16s}.script-word.is-spoken{color:#061011;background:var(--accent);box-shadow:0 0 0 3px var(--accent);text-shadow:none}.reading-panel{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06090c9e;border:1px solid #ffffff1f;border-radius:8px;gap:10px;width:min(240px,100vw - 28px);max-height:calc(100svh - 210px);padding:12px;display:grid;top:96px;right:14px;overflow:auto}.reading-panel-header{text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;min-height:32px;font-size:12px;font-weight:850;display:flex}.reading-panel-header .icon-button,.take-close{width:34px;height:34px}.reading-panel label{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.reading-panel input,.reading-panel select{width:100%;min-height:34px;accent-color:var(--accent);grid-column:1/-1}.reading-panel select{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px}.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:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05080abd;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;gap:8px;padding:10px;display:flex;overflow-x:auto}.status-strip{left:14px;right:14px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 78px);pointer-events:none;gap:8px;display:flex;overflow-x:auto}.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:calc(100vw - 122px)}.reading-panel{width:172px;max-height:calc(100svh - 242px);top:82px;bottom:auto;right:14px;overflow:auto}.reading-panel-header{z-index:1;background:#06090cd1;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-bottom:46svh}.script-line{font-size:clamp(24px, var(--prompter-font-size), 42px);padding-inline:10px}.permission-card{inset:auto 14px 132px}.camera-badge{bottom:116px;left:14px;right:auto}.prompter-dock{justify-content:flex-start}}@media (orientation:landscape) and (height<=560px){.reading-panel,.status-strip{display:none}.prompter-dock .icon-button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}