:root{--bg: #0a0a0a;--bg-elevated: #151513;--border: rgba(255, 255, 255, .1);--text: #f3f2ee;--text-muted: rgba(243, 242, 238, .55);--text-faint: rgba(243, 242, 238, .3);--accent: oklch(72% .19 48);--accent-text: #0a0a0a;--word-scale: 1;--word-font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .25s ease,color .25s ease}::selection{background:#80808059}[hidden]{display:none!important}button{font-family:inherit}@keyframes txtspeed-fade{0%{opacity:0}to{opacity:1}}.mono-label{font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.accent-btn{border:none;cursor:pointer;background:var(--accent);color:var(--accent-text);font:700 13px/1 Inter,sans-serif;padding:11px 22px;border-radius:8px}.topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand-dot{color:var(--accent)}.brand-tag{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chapter-select{appearance:none;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font:500 12px/1 Inter,sans-serif;cursor:pointer;max-width:180px}.skin-switch{display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.skin-switch button{border:none;cursor:pointer;padding:6px 13px;border-radius:999px;font:600 12px/1 Inter,sans-serif;background:transparent;color:var(--text-muted);transition:all .15s ease}body[data-skin=monolith] .skin-switch [data-skin-btn=monolith],body[data-skin=console] .skin-switch [data-skin-btn=console],body[data-skin=deck] .skin-switch [data-skin-btn=deck]{background:var(--bg);color:var(--text)}.theme-toggle{position:relative;width:46px;height:26px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;padding:0;flex:none}.theme-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--accent);transition:left .18s ease}body[data-theme=light] .theme-knob{left:22px}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;padding:0;flex:none}.icon-btn:hover{color:var(--text)}.open-btn{border:none;cursor:pointer;background:var(--text);color:var(--bg);font:600 12px/1 Inter,sans-serif;padding:9px 16px;border-radius:8px;white-space:nowrap}.main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.layout{display:flex;flex:1;min-height:0;width:100%}.stage-col{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.stage{position:relative;flex:1;min-height:0;width:100%}.word-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:var(--word-font);font-weight:800}.word-measure{position:absolute;top:-9999px;left:-9999px;white-space:nowrap;visibility:hidden;font-family:var(--word-font);font-weight:800}.orp{color:var(--accent)}.next-preview{position:absolute;left:50%;bottom:26%;transform:translate(-50%);font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.finished{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:txtspeed-fade .4s ease}.finished-title{font:800 34px/1.2 Inter,sans-serif;margin-bottom:10px}.finished-sub{font:500 14px/1.5 var(--mono);color:var(--text-muted);margin-bottom:22px}.finished .accent-btn{border-radius:999px}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);font:500 15px/1.6 Inter,sans-serif;max-width:320px}.progress-top{display:none;position:absolute;top:0;left:0;right:0;height:2px;background:var(--border);z-index:5}.progress-top-fill{height:100%;width:0%;background:var(--accent);transition:width .1s linear}.scrub{display:none;height:6px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;overflow:hidden}.scrub-fill{height:100%;width:0%;background:var(--accent)}.controls{display:flex;align-items:center;gap:14px}.play-btn{border:none;cursor:pointer;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center}.play-btn:disabled,.rail-play:disabled{opacity:.4;cursor:default}.play-icon{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid var(--accent-text)}.pause-icon{display:none;gap:4px}.pause-icon i{display:block;width:4px;height:15px;background:var(--accent-text);border-radius:1px}body[data-playing=true] .play-icon{display:none}body[data-playing=true] .pause-icon{display:flex}.wpm-group{display:flex;align-items:center;gap:6px}.wpm-value{font:600 12px/1 var(--mono);min-width:52px;text-align:center;white-space:nowrap}.round-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font:600 14px/1 Inter,sans-serif;padding:0;flex:none}.adaptive-btn{display:flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;padding:6px 12px;border-radius:8px}.adaptive-label{font:500 11px/1 var(--mono);color:var(--text-muted);white-space:nowrap}.switch{position:relative;display:block;width:26px;height:15px;border-radius:999px;background:var(--border);transition:background .15s ease;flex:none}.switch-knob{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:left .15s ease}body[data-adaptive=true] .switch{background:var(--accent)}body[data-adaptive=true] .switch-knob{left:13px}.pill-divider{display:none;width:1px;height:20px;background:var(--border);flex:none}.eta-chip{display:none;font:600 12px/1 var(--mono);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:8px 14px;white-space:nowrap}.side-panel{display:none;flex:0 0 34%;min-width:0;background:var(--bg-elevated);border-left:1px solid var(--border);flex-direction:column;overflow-y:auto}.panel-head{padding:22px 24px 14px}.panel-head .mono-label{margin-bottom:8px}.book-title{font:700 16px/1.3 Inter,sans-serif;overflow-wrap:break-word}.chapter-list{padding:0 14px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.chapter-list button{text-align:left;border:none;cursor:pointer;padding:8px 10px;border-radius:6px;background:transparent;color:var(--text);font:500 12.5px/1.3 Inter,sans-serif}.chapter-list button.active{background:var(--accent);color:var(--accent-text)}.panel-context{padding:20px 24px;flex:1}.panel-context .mono-label{margin-bottom:10px}.context-words{font:400 14.5px/1.75 Inter,sans-serif}.context-words span{border-radius:3px;padding:1px 0}.context-words span.active{background:var(--accent);color:var(--accent-text);font-weight:700;padding:1px 4px}.panel-stats{display:flex;border-top:1px solid var(--border)}.panel-stats .stat{flex:1;padding:14px 18px;text-align:center}.panel-stats .stat+.stat{border-left:1px solid var(--border)}.stat-value{font:700 17px/1 var(--mono)}.stat-label{font:500 9.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-top:6px}.context-card{display:none;width:100%;max-width:640px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:20px 24px}.context-card .mono-label{margin-bottom:10px}.context-card .context-words{font-size:15px;max-height:110px;overflow-y:auto}.deck-rail{display:none;position:absolute;right:26px;top:50%;transform:translateY(-50%);flex-direction:column;gap:12px;z-index:10}.rail-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:14px 16px;min-width:110px;text-align:left;color:var(--text)}.rail-card .mono-label{font-size:9.5px;letter-spacing:.08em;margin-bottom:10px}button.rail-card{cursor:pointer}.rail-row{display:flex;align-items:center;justify-content:space-between}.rail-row .round-btn{width:22px;height:22px;font-size:13px;background:transparent}.rail-value{font:700 15px/1 var(--mono)}.rail-play{border-radius:12px;padding:12px 16px}body[data-skin=monolith] .progress-top{display:block}body[data-skin=monolith] .scrub,body[data-skin=monolith] .context-card,body[data-skin=monolith] .side-panel,body[data-skin=monolith] .deck-rail,body[data-skin=monolith] .eta-chip{display:none}body[data-skin=monolith] .word-wrap,body[data-skin=monolith] .word-measure{font-size:calc(clamp(64px,8vw,128px) * var(--word-scale))}body[data-skin=monolith] .controls{position:absolute;left:50%;bottom:34px;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:8px 10px 8px 18px;box-shadow:0 12px 32px #0000002e;z-index:10}body[data-skin=monolith] .wpm-group{order:1;gap:10px}body[data-skin=monolith] .pill-divider.d1{display:block;order:2}body[data-skin=monolith] .adaptive-btn{order:3;border:none;background:transparent;padding:0}body[data-skin=monolith] .pill-divider.d2{display:block;order:4}body[data-skin=monolith] .play-btn{order:5}body[data-skin=monolith] .wpm-value{order:-1;font:500 11px/1 var(--mono);color:var(--text-muted);min-width:0}body[data-skin=monolith] .wpm-group .round-btn{width:24px;height:24px;border-radius:50%;background:transparent}body[data-skin=monolith] .switch{width:30px;height:17px}body[data-skin=monolith] .switch-knob{width:13px;height:13px}body[data-skin=monolith][data-adaptive=true] .switch-knob{left:15px}body[data-skin=monolith] .play-btn{width:48px;height:48px;border-radius:50%;padding:0}body[data-skin=monolith] .play-label,body[data-skin=console] .next-preview,body[data-skin=console] .progress-top,body[data-skin=console] .context-card,body[data-skin=console] .deck-rail,body[data-skin=console] .eta-chip,body[data-skin=console] .pill-divider{display:none}body[data-skin=console] .side-panel{display:flex}body[data-skin=console] .stage-col{flex:1 1 66%}body[data-skin=console] .word-wrap,body[data-skin=console] .word-measure{font-size:calc(clamp(48px,6vw,92px) * var(--word-scale))}body[data-skin=console] .finished-title{font-size:28px}body[data-skin=console] .finished-sub{font-size:13px}body[data-skin=console] .finished .accent-btn{border-radius:8px;padding:10px 20px}body[data-skin=console] .scrub{display:block;margin:0 28px 20px}body[data-skin=console] .controls{padding:0 28px 26px;flex-wrap:wrap}body[data-skin=console] .play-btn{order:1;font:700 13px/1 Inter,sans-serif;padding:11px 22px;border-radius:8px}body[data-skin=console] .play-icon,body[data-skin=console] .pause-icon{display:none!important}body[data-skin=console] .wpm-group{order:2}body[data-skin=console] .adaptive-btn{order:3}body[data-skin=deck] .next-preview,body[data-skin=deck] .progress-top,body[data-skin=deck] .side-panel,body[data-skin=deck] .pill-divider{display:none}body[data-skin=deck] .stage-col{align-items:center;padding:48px 100px 40px}body[data-skin=deck] .word-wrap,body[data-skin=deck] .word-measure{font-size:calc(clamp(56px,7vw,108px) * var(--word-scale))}body[data-skin=deck] .finished-title{font-size:32px}body[data-skin=deck] .finished .accent-btn{border-radius:8px}body[data-skin=deck] .scrub{display:block;width:100%;max-width:640px;margin-bottom:22px}body[data-skin=deck] .context-card{display:block}@media(min-width:860px){body[data-skin=deck] .controls{display:none}body[data-skin=deck] .deck-rail{display:flex}}@media(max-width:859px){body[data-skin=deck] .deck-rail{display:none}body[data-skin=deck] .context-card{margin-bottom:18px}body[data-skin=deck] .controls{flex-wrap:wrap;justify-content:center;gap:12px}body[data-skin=deck] .wpm-group{order:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:8px 14px;gap:8px}body[data-skin=deck] .wpm-group .round-btn{width:22px;height:22px;font-size:13px;background:transparent}body[data-skin=deck] .adaptive-btn{order:2;padding:8px 14px;border-radius:10px}body[data-skin=deck] .eta-chip{display:block;order:3}body[data-skin=deck] .play-btn{order:4;font:700 13px/1 Inter,sans-serif;padding:11px 24px;border-radius:10px}body[data-skin=deck] .play-icon,body[data-skin=deck] .pause-icon{display:none!important}}@media(max-width:859px){.topbar{padding:14px 16px}body[data-skin=monolith] .word-wrap,body[data-skin=monolith] .word-measure{font-size:calc(48px * var(--word-scale))}body[data-skin=console] .word-wrap,body[data-skin=console] .word-measure{font-size:calc(38px * var(--word-scale))}body[data-skin=deck] .word-wrap,body[data-skin=deck] .word-measure{font-size:calc(44px * var(--word-scale))}body[data-skin=console] .layout{flex-direction:column}body[data-skin=console] .stage-col{flex:1 1 60%}body[data-skin=console] .side-panel{flex:1 1 40%;border-left:none;border-top:1px solid var(--border)}body[data-skin=deck] .stage-col{padding:24px 16px 20px}}.settings-overlay{position:fixed;inset:0;z-index:100;background:var(--bg);overflow-y:auto;animation:txtspeed-fade .2s ease}.settings-page{max-width:680px;margin:0 auto;padding:40px 24px 60px}.settings-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:34px}.settings-title{font-size:26px;font-weight:800;letter-spacing:-.02em}.settings-sub{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-top:8px}.settings-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:20px 24px 8px;margin-bottom:18px}.settings-section>.mono-label{display:block;margin-bottom:6px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;flex-wrap:wrap}.setting-row+.setting-row{border-top:1px solid var(--border)}.setting-name{font:600 13.5px/1.3 Inter,sans-serif;display:flex;align-items:center;gap:10px}.setting-hint{display:block;font:400 11px/1.4 Inter,sans-serif;color:var(--text-muted);margin-top:4px}.setting-name .setting-hint{display:block;width:100%}.setting-name{flex-wrap:wrap;row-gap:0}.mono-val{font:600 11px/1 var(--mono);color:var(--text-muted);min-width:38px}.segmented{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.segmented button{border:none;cursor:pointer;padding:6px 13px;border-radius:999px;font:600 12px/1 Inter,sans-serif;background:transparent;color:var(--text-muted);transition:all .15s ease}.segmented button.active{background:var(--accent);color:var(--accent-text)}.settings-select,.settings-num{appearance:none;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font:500 12px/1 Inter,sans-serif;cursor:pointer}.settings-num{width:84px;font-family:var(--mono);cursor:text}.swatch{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--accent);border:1px solid var(--border);flex:none}.hue-wrap{display:flex;align-items:center;gap:12px;flex:1;min-width:200px;justify-content:flex-end}input[type=range]{appearance:none;-webkit-appearance:none;width:200px;height:6px;border-radius:999px;background:var(--border);outline:none;cursor:pointer}input[type=range].hue-slider{background:linear-gradient(to right,#ff68a0,#fa7764 8.33%,#f97c39 12.5%,#f87d29,#f87f0b 14.58%,#f68000,#f38300 15.62%,#ef8600 16.67%,#c99f00,#98b300 33.33%,#90b500,#87b716,#7fb92f,#76bb3f 37.5%,#61be57,#45c06a 41.67%,#32c273 42.71%,#24c277,#0bc37c 43.75%,#00c37e,#00c381 44.27%,#00c286 44.79%,#00c18f 45.83%,#01bfa8 50%,#00b9cf,#0eafff 66.67%,#31adff,#43abff,#51a9ff,#5da7ff 70.83%,#829eff 75%,#b688ff,#dd7bd5,#ff68a0);background:linear-gradient(to right,#ff68a0,#fa7764 8.33%,#f97c39 12.5%,#f87d29,#f87f0b 14.58%,color(xyz 0.461 0.35 0.038),color(xyz 0.459 0.351 0.03) 15.62%,color(xyz 0.456 0.351 0.015) 16.67%,color(xyz 0.367 0.37 0.024),color(xyz 0.285 0.389 0.033) 33.33%,color(xyz 0.278 0.391 0.05),#87b716,#7fb92f,#76bb3f 37.5%,#61be57,#45c06a 41.67%,#32c273 42.71%,#24c277,#0bc37c,color(xyz 0.23 0.405 0.269),color(xyz 0.229 0.406 0.284) 44.79%,color(xyz 0.225 0.407 0.313) 45.83%,color(xyz 0.215 0.411 0.444) 50%,color(xyz 0.27 0.398 0.746),color(xyz 0.34 0.381 1.13) 66.67%,color(xyz 0.348 0.379 1.126),color(xyz 0.355 0.376 1.122),color(xyz 0.363 0.374 1.118),color(xyz 0.371 0.372 1.114) 70.83%,color(xyz 0.404 0.362 1.098) 75%,color(xyz 0.475 0.344 1.066),#dd7bd5,#ff68a0)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.35);cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.35);cursor:pointer}.settings-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;flex-wrap:wrap}.reset-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font:600 12px/1 Inter,sans-serif;padding:10px 16px;border-radius:8px;cursor:pointer}.reset-btn:hover{color:var(--text)}.credit{font:500 11px/1 var(--mono);color:var(--text-faint)}.credit a{color:inherit;text-decoration:none}.credit a:hover{color:var(--text-muted)}