@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;font-family:'DM Sans',sans-serif;color:#222629;background:#f5f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,label.upload{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,.reader:focus-visible{outline:3px solid #71901f;outline-offset:3px}button{border:0;background:none;color:inherit}header{height:87px;border-bottom:1px solid #dfe2d9;display:flex;align-items:center;padding:0 4.5%;gap:32px;background:#fbfcf9}.brand{display:flex;align-items:center;text-decoration:none;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.2px;font-weight:800;color:#161a1b;gap:0}.brand-light{font-weight:400}.brand-icon{display:grid;place-items:center;background:#d5fa57;height:34px;width:34px;border-radius:9px;font-size:17px;margin-right:10px;letter-spacing:0}.header-note{font-size:14px;color:#7a7e75}.workspace-label{margin-left:auto;letter-spacing:1.7px;font-size:11px;font-weight:700;color:#7d8277}main{max-width:1480px;margin:auto;padding:45px 4.5% 0}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#72796a}h1{font-family:Manrope,sans-serif;font-size:43px;letter-spacing:-1.9px;margin:9px 0 9px;font-weight:800}.heading p{color:#7c8178;font-size:15px;margin:0}.local-note{font-size:12px;color:#858a7f;display:flex;gap:7px;padding-bottom:5px}.workspace{display:grid;grid-template-columns:minmax(290px,.83fr) minmax(430px,1.17fr);gap:24px}.card{background:#fff;border:1px solid #e1e4dc;border-radius:17px;overflow:hidden;box-shadow:0 3px 4px #25302003}.section-head{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 25px;border-bottom:1px solid #eceee7}h2{font-size:16px;margin:0;display:flex;align-items:center;font-weight:600;gap:10px}.step{font-size:11px;border:1px solid #e4e6df;border-radius:5px;padding:4px;color:#93998b;font-weight:500}#wordCount{font-size:12px;color:#909687}.mode-switch{display:flex;background:#f2f4ef;border:1px solid #e8ebe1;border-radius:9px;padding:4px;margin:22px 24px 24px}.mode-switch button{flex:1;font-size:14px;padding:11px 4px;color:#818779;border-radius:6px}.mode-switch .selected{background:#fff;color:#282e20;box-shadow:0 2px 5px #1722040c}.script-label{display:flex;align-items:center;justify-content:space-between;margin:0 26px 10px}.script-label label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#93998a}.text-button{font-size:12px;color:#8b9182;padding:4px}textarea{resize:vertical;display:block;width:calc(100% - 48px);margin:0 24px;border:0;padding:0 2px;min-height:305px;line-height:1.85;font-size:16px;color:#555d50;background:#fff}textarea::placeholder{color:#99a18e}.upload{margin:22px 24px 0;border:1px dashed #cdd4c1;border-radius:9px;padding:18px 14px;display:flex;align-items:center;gap:12px;background:#fafbf7;cursor:pointer}.upload.dragging{background:#eef7cf;border-color:#728c35}.upload-icon{font-size:27px;color:#758258}.upload strong{font-size:13px;display:block;font-weight:500}.upload small{display:block;color:#929986;font-size:11px;margin-top:6px}.upload u{text-decoration-color:#a8b494;text-underline-offset:3px}.file-types{margin-left:auto;font-size:9px;color:#929b84;white-space:nowrap}.file-status{min-height:16px;margin:8px 24px 19px;color:#959b8d;font-size:11px}.file-status.error{color:#b4443c}.editor-footer{border-top:1px solid #eceee7;padding:18px 24px;display:flex;justify-content:space-between;font-size:11px;color:#919a84}.preview-actions{display:flex;align-items:center;gap:18px}#status{font-size:12px;color:#88917e;display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a1ab93}.icon-button{font-size:23px;color:#78816e}.stage{height:371px;background:#121618;margin:16px 16px 0;border-radius:11px;position:relative;overflow:hidden;color:#f5f7ef}.stage-top,.stage-bottom{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;z-index:3;font-size:10px;color:#79817d;letter-spacing:1.7px}.stage-top{top:19px;align-items:center}.stage-top button{background:#262c2c;border:1px solid #363d3a;border-radius:5px;color:#bec5be;padding:5px 9px;font-size:11px;letter-spacing:0}.stage-top button[aria-pressed=true]{color:#d5fa57;border-color:#758d39}.stage-bottom{bottom:18px;font-size:9px;letter-spacing:1.4px}.reader{position:absolute;inset:64px 0 45px;overflow-y:auto;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 13%,#000 78%,transparent);overscroll-behavior:contain}.reader::-webkit-scrollbar{display:none}#readingText{padding:64px 50px 160px;font-family:Manrope,sans-serif;font-size:36px;font-weight:600;line-height:1.48;letter-spacing:-.7px;overflow-wrap:anywhere}#readingText p{margin:0 0 30px}#readingText .speaker-name{font-family:'DM Sans',sans-serif;font-size:12px;display:block;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}#readingText.mirrored{transform:scaleX(-1)}.cue-marker{position:absolute;left:17px;top:137px;color:#d5fa57;font-size:23px;pointer-events:none}.reading-line{position:absolute;top:127px;height:60px;background:#d5fa5706;border-left:2px solid #d5fa57;left:0;right:0;pointer-events:none}.controls{padding:25px 26px 19px}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:35px}.sliders label>span{display:flex;justify-content:space-between;font-size:12px;color:#7b8371}.sliders b{font-size:11px;font-weight:400;color:#6e7763}input[type=range]{accent-color:#85965b;width:100%;height:4px;display:block;margin:18px 0 12px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#9ba38f;align-items:center;height:17px}.larger{font-size:14px}.playback{display:flex;align-items:center;gap:10px;margin-top:26px}.reset{height:47px;width:47px;border:1px solid #e2e6d9;border-radius:8px;font-size:25px;color:#7b876a}.play{background:#d5fa57;border:1px solid #c5eb47;border-radius:8px;height:47px;flex:1;font-size:14px;font-weight:700;color:#28341a;box-shadow:0 3px 0 #b9d951}.play:hover{background:#dffe7a}.countdown-toggle{font-size:11px;color:#919983;white-space:nowrap;margin-left:5px;display:flex;align-items:center;gap:5px}.countdown-toggle input{accent-color:#87985b;width:13px;height:13px}.shortcut{display:flex;justify-content:center;align-items:center;gap:5px;font-size:10px;color:#9ea58f;margin-top:22px}.shortcut>span{margin:0 8px}kbd{border:1px solid #e4e8db;background:#fafbf7;border-radius:3px;padding:2px 4px;font:10px 'DM Sans',sans-serif;color:#899578}footer{display:flex;justify-content:space-between;padding:27px 0;color:#929a86;font-size:11px}.mini-logo{color:#9dac7d;margin-right:7px}#countdown{position:absolute;inset:0;z-index:5;background:#111619e8;place-items:center;color:#d5fa57;font-size:110px;font-weight:700}#countdown:not([hidden]){display:grid}#speakers{margin:0 24px 20px}.speaker-fields{display:flex;gap:10px}.speaker-fields label{display:flex;align-items:center;gap:6px;min-width:0}.speaker-fields input{width:100%;min-width:0;border:1px solid #e1e5d7;border-radius:5px;padding:7px;font-size:14px}.lime{background:#9aaa52}.purple{background:#a08bd4}.help{font-size:12px;line-height:1.5;color:#869076}#insertSpeakers{display:flex;gap:6px}#insertSpeakers button{border:1px solid #e1e5d7;border-radius:4px;font-size:12px;padding:5px 8px;color:#77865d}.prompter:fullscreen{background:#121618;display:flex;flex-direction:column;border:0;border-radius:0}.prompter:fullscreen .section-head{color:white;border-color:#333}.prompter:fullscreen .stage{flex:1;height:auto}.prompter:fullscreen .controls{background:#fff}.prompter:fullscreen #readingText{max-width:1100px;margin:auto;padding-bottom:70vh}.prompter:fullscreen .cue-marker{top:137px}.prompter:fullscreen .shortcut{margin-top:12px}@media(min-width:1500px){main{padding-top:55px}.stage{height:420px}textarea{min-height:354px}}@media(max-width:1000px){.workspace{gap:16px;grid-template-columns:minmax(270px,.9fr) minmax(360px,1.1fr)}.countdown-toggle{display:none}.header-note{display:none}.local-note{font-size:11px}.controls{padding:24px 18px}.file-types{display:none}#readingText{padding-left:35px;padding-right:30px}}@media(max-width:740px){header{height:70px;padding:0 6%}.workspace-label{font-size:9px}.brand{font-size:24px}main{padding:28px 5% 0}.heading{margin-bottom:24px}h1{font-size:35px}.heading p{font-size:14px}.local-note{display:none}.workspace{grid-template-columns:1fr}.stage{height:370px}textarea{min-height:245px}.countdown-toggle{display:flex}.editor-footer{padding:15px 24px}.section-head{height:65px}footer{line-height:1.7}footer>span:last-child{display:none}.sliders{gap:25px}.shortcut{font-size:9px}.shortcut>span{margin:0 4px}}
/* Keep everyday controls legible at compact sizes. */
.script-label label,.sliders label>span,.sliders b,.stage-top button,.countdown-toggle,.text-button,#status,#wordCount{font-size:14px}.upload strong{font-size:14px}.upload small,.file-status,.help,.editor-footer,.range-labels{font-size:12px}.file-types,.stage-bottom,.stage-top,.eyebrow,.workspace-label{font-size:12px}.sliders label>span{gap:8px}.sliders b{white-space:nowrap}.playback{flex-wrap:wrap}.countdown-toggle{font-size:12px}.shortcut{font-size:12px}.shortcut kbd{font-size:12px}@media(max-width:1000px){.workspace-label{font-size:10px}.sliders label>span{font-size:12px}.sliders b{font-size:12px}}@media(max-width:400px){.workspace-label{display:none}.countdown-toggle{width:100%;justify-content:center;margin-top:6px}.shortcut{flex-wrap:wrap}}

/* Theme preference is applied before styles load to prevent a bright flash. */
.theme-toggle{display:flex;align-items:center;gap:8px;flex-shrink:0;border:1px solid #dfe2d9;border-radius:8px;padding:9px 12px;font-size:14px;background:#fff;color:#46503d;min-height:40px}
.theme-toggle:hover{background:#edf1e6}
.theme-toggle>span:first-child{font-size:19px;line-height:1}
:root[data-theme=dark]{color-scheme:dark;background:#101416;color:#eef2e8}
[data-theme=dark] header{background:#151a1c;border-color:#303839}
[data-theme=dark] .brand{color:#f0f4ea}
[data-theme=dark] .brand-icon{color:#161a1b}
[data-theme=dark] .card{background:#1b2224;border-color:#343d3d;box-shadow:0 3px 10px #0002}
[data-theme=dark] .section-head,[data-theme=dark] .editor-footer{border-color:#343d3d}
[data-theme=dark] .mode-switch{background:#111719;border-color:#343d3d}
[data-theme=dark] .mode-switch button{color:#aeb9a7}
[data-theme=dark] .mode-switch .selected{background:#343f39;color:#edfad6;box-shadow:none}
[data-theme=dark] textarea{background:#1b2224;color:#dfe7da}
[data-theme=dark] textarea::placeholder{color:#a2af9c}
[data-theme=dark] .upload{background:#171e20;border-color:#536049}
[data-theme=dark] .upload.dragging{background:#323f27;border-color:#d5fa57}
[data-theme=dark] .speaker-fields input{background:#111719;color:#e5eddc;border-color:#4c5746}
[data-theme=dark] .theme-toggle,[data-theme=dark] kbd{background:#242e2b;color:#d9e4cb;border-color:#4c5746}
[data-theme=dark] .theme-toggle:hover{background:#344034}
[data-theme=dark] .reset,[data-theme=dark] #insertSpeakers button,[data-theme=dark] .step{border-color:#4c5746;color:#c0cfae}
[data-theme=dark] .heading p,[data-theme=dark] .header-note,[data-theme=dark] .workspace-label,[data-theme=dark] .local-note,[data-theme=dark] .eyebrow,[data-theme=dark] .script-label label,[data-theme=dark] .text-button,[data-theme=dark] #wordCount,[data-theme=dark] #status,[data-theme=dark] .icon-button,[data-theme=dark] .help,[data-theme=dark] .upload-icon,[data-theme=dark] .upload small,[data-theme=dark] .file-types,[data-theme=dark] .file-status,[data-theme=dark] .editor-footer,[data-theme=dark] .sliders label>span,[data-theme=dark] .sliders b,[data-theme=dark] .range-labels,[data-theme=dark] .countdown-toggle,[data-theme=dark] .shortcut,[data-theme=dark] footer{color:#aebba3}
[data-theme=dark] .file-status.error{color:#ffaaa1}
[data-theme=dark] input[type=range],[data-theme=dark] .countdown-toggle input{accent-color:#d5fa57}
[data-theme=dark] .prompter:fullscreen .controls{background:#1b2224}
[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] .reader:focus-visible{outline-color:#d5fa57}
@media(max-width:740px){header{gap:14px}.workspace-label{display:none}.theme-toggle{margin-left:auto;padding:8px 10px}}

.voice-panel{border-top:1px solid #dfe2d9;margin-top:18px;padding-top:16px;font-size:14px}.voice-panel summary{cursor:pointer;font-weight:600}.voice-panel .help{line-height:1.5;margin:12px 0}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.voice-grid label{display:flex;flex-direction:column;gap:6px;min-width:0}.voice-grid [hidden]{display:none}.voice-grid select{width:100%;min-height:40px;border:1px solid #bac4ad;border-radius:6px;padding:6px;background:#fff;color:#222629;font:inherit}.voice-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.voice-buttons button{border:1px solid #bac4ad;border-radius:7px;padding:10px 12px}.voice-buttons #voicePlay{background:#d5fa57;color:#161a1b}.voice-panel button:disabled{opacity:.45;cursor:not-allowed}#voiceStatus{font-weight:600;margin-bottom:8px}#voiceCue{line-height:1.6;max-height:140px;overflow:auto;margin:0}.voice-active{background:#d5fa571a;border-radius:6px;outline:2px solid #d5fa57}[data-theme=dark] .voice-panel{border-color:#4c5746}[data-theme=dark] .voice-grid select{background:#111719;color:#e5eddc;border-color:#4c5746}[data-theme=dark] .voice-buttons button{border-color:#4c5746}.prompter:fullscreen{overflow:auto}@media(max-width:480px){.voice-grid{grid-template-columns:1fr}}
.voice-enable{display:block;margin:14px 0}#readingText p[role=button]{cursor:pointer}#readingText p[role=button]:focus-visible{outline:2px solid #d5fa57;border-radius:6px}

/* Settings scroll independently; the stage and transport remain in view. */
.settings-toggle{border:1px solid #bac4ad;border-radius:8px;padding:9px 12px;font-size:13px;white-space:nowrap}.settings-drawer{position:fixed;inset:0 0 0 auto;width:360px;max-width:100vw;z-index:100;background:#fff;color:#222629;border-left:1px solid #dfe2d9;box-shadow:-12px 0 40px #0002;display:flex;flex-direction:column}.settings-drawer[hidden]{display:none}.drawer-heading{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #dfe2d9;flex-shrink:0}.drawer-heading h2{font-size:22px;margin-top:6px}.drawer-body{padding:8px 24px 24px;overflow-y:auto;overscroll-behavior:contain;flex:1}.drawer-body h3{font-size:14px;margin:20px 0}.drawer-body .sliders,.drawer-body .voice-grid{display:grid;grid-template-columns:1fr;gap:20px}.drawer-body .voice-panel{margin-top:24px;padding-top:20px}.drawer-body .help,.audio-output p{font-size:13px;line-height:1.65}.audio-output{border-top:1px solid #dfe2d9;margin-top:24px}.controls>#voiceStatus{font-size:13px}.controls>#voiceCue{display:none}.preview-actions{gap:10px}.prompter{align-self:start;position:sticky;top:16px}.stage{height:clamp(220px,calc(100dvh - 290px),371px)}[data-theme=dark] .settings-drawer{background:#1b2224;color:#e5eddc;border-color:#343d3d}[data-theme=dark] .drawer-heading,[data-theme=dark] .audio-output,[data-theme=dark] .settings-toggle{border-color:#4c5746}.prompter:fullscreen{position:relative;top:0}.drawer-open .prompter:fullscreen{padding-right:360px}@media(min-width:1250px){body.drawer-open{padding-right:360px}}@media(max-width:740px){.prompter{position:relative;top:0}.preview-actions #status{display:none}.section-head{padding-left:16px;padding-right:16px}.settings-drawer{width:min(360px,100vw)}.drawer-open .prompter:fullscreen{padding-right:0}}
@media(min-width:1000px){body.drawer-open{padding-right:320px}.settings-drawer{width:320px}.drawer-open .workspace{grid-template-columns:minmax(180px,.65fr) minmax(330px,1fr)}.drawer-open .heading .local-note,.drawer-open .preview-actions #status,.drawer-open .header-note,.drawer-open .workspace-label{display:none}.drawer-open .section-head{padding:0 14px}.drawer-open .section-head h2{font-size:14px}.drawer-open .prompter:fullscreen{padding-right:320px}}@media(min-width:1500px){body.drawer-open{padding-right:360px}.settings-drawer{width:360px}.drawer-open .workspace{grid-template-columns:minmax(290px,.83fr) minmax(430px,1.17fr)}.drawer-open .prompter:fullscreen{padding-right:360px}}
.drawer-body .voice-panel{border-top:0;margin-top:0;padding-top:16px}.controls>#voiceStatus[hidden]{display:none}.stage{height:clamp(200px,calc(100dvh - 410px),371px)}.preview-actions #status{display:none}@media(max-width:1100px){.section-head{gap:8px}.section-head h2{font-size:14px}.settings-toggle{font-size:12px;padding:8px}.preview-actions{gap:6px}}

.voice-enable{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;cursor:pointer}.voice-enable strong{display:block;font-size:15px}.voice-enable small{display:block;font-size:12px;margin-top:5px;opacity:.75}.voice-switch{display:flex;align-items:center;gap:8px;position:relative}.voice-switch input{position:absolute;left:0;width:46px;height:28px;margin:0;opacity:0;cursor:pointer}.switch-track{width:46px;height:28px;background:#697275;border-radius:20px;pointer-events:none}.switch-track:after{content:"";display:block;width:20px;height:20px;background:#fff;border-radius:50%;margin:4px;transition:transform .15s}.voice-switch input:checked+.switch-track{background:#d5fa57}.voice-switch input:checked+.switch-track:after{transform:translateX(18px);background:#111416}.voice-switch input:focus-visible+.switch-track{outline:2px solid currentColor;outline-offset:3px}#voiceSwitchState{font-size:12px;min-width:20px}

footer .privacy-link{color:inherit;text-underline-offset:4px;font-size:12px}

#audioPace{display:block;width:100%;min-height:40px;margin:10px 0 6px;padding:8px 10px;border:1px solid #bac4ad;border-radius:7px;font:inherit;background:#fff;color:#222629}#audioPaceHelp{height:auto;line-height:1.4}[data-theme=dark] #audioPace{background:#111719;color:#e5eddc;border-color:#4c5746}

#speed:disabled{opacity:.45;cursor:default}#scrollHelp{height:auto;line-height:1.4}.voice-grid small{font-size:12px;line-height:1.5;opacity:.75}