:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5f1;--bg-elevated:#fff;--text:#16181b;--muted:#5f646b;--accent:#0f4c5c;--accent-text:#fff;--focus:#c2410c;--border:#ddd8ce;--danger:#9b1c1c;--tap:44px;--font:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--display-font:Georgia, "Times New Roman", serif;--mono:"Cascadia Mono", "Consolas", monospace}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1012;--bg-elevated:#16191c;--text:#f2efe9;--muted:#a8a49c;--accent:#6cc0d2;--accent-text:#0e1012;--focus:#ff8a5c;--border:#2a2e33;--danger:#f07178}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}.screen{max-width:42rem;min-height:100dvh;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;gap:.75rem;margin:0 auto;display:flex}.top-bar{min-height:var(--tap);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.top-bar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.top-bar-spacer{width:4rem}.brand,.screen-title{letter-spacing:-.02em;font-weight:700;font-family:var(--display-font);margin:0;font-size:1.5rem}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.panel h2{margin:0;font-size:1.05rem}.continue-panel h2{font-family:var(--display-font);overflow-wrap:anywhere;font-size:1.6rem;line-height:1.25}.import-panel{display:block}.import-panel>summary{cursor:pointer;min-height:var(--tap)}.import-panel>summary h2{display:inline}.import-panel>summary>span{margin-top:.25rem;font-size:.85rem;display:block}.import-fields{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.import-panel>summary:focus-visible,.session-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.stack{gap:.85rem}.muted,.pad{color:var(--muted);margin:0}.pad{padding:0 .25rem}.error{color:var(--danger);margin:0}.btn{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:10px;padding:.55rem .9rem}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible,.select:focus-visible,.paste-box:focus-visible,input[type=range]:focus-visible,.chapter-item:focus-visible,.book-item:focus-visible,.rsvp-stage:focus-visible,.pacer-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary,.file-button{background:var(--accent);color:var(--accent-text);text-align:center;border-color:#0000}.btn-ghost{background:0 0}.btn-active{background:color-mix(in srgb, var(--accent) 22%, var(--bg-elevated));border-color:var(--accent)}.btn-wide{flex:8rem}.file-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.paste-box,.select{border:1px solid var(--border);background:var(--bg);resize:vertical;border-radius:10px;width:100%;padding:.75rem}.stack-label{color:var(--muted);font-size:.95rem}.book-list,.chapter-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.book-row{align-items:stretch;gap:.5rem;display:flex}.book-item,.chapter-item{text-align:left;width:100%;min-height:var(--tap);border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;padding:.75rem .9rem}.book-row .book-item{overflow-wrap:anywhere;flex:auto;min-width:0}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border));flex:none}.chapter-item-current{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg))}.reader-screen{gap:.85rem;height:100dvh;padding-bottom:0;overflow-y:auto}.reader-body{flex-direction:column;flex:1 0 0;gap:.75rem;min-height:0;display:flex}.reading-space{flex-direction:column;flex:1 1 0;gap:.75rem;min-width:0;min-height:150px;display:flex}.reading-space:has(.paused-panel){min-height:218px}.mode-help{color:var(--muted);margin:-.35rem 0 0;font-size:.75rem}.status-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.9rem;display:flex}.mode-toggle{gap:.5rem;display:flex}.rsvp-stage{cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1 1 0;place-items:center;width:100%;min-height:150px;padding:1rem;display:grid;position:relative;overflow:hidden}.rsvp-word{letter-spacing:.01em;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;width:min(100%,22rem);font-weight:600;display:grid;position:relative}.rsvp-before{text-align:right;white-space:pre}.rsvp-focus{color:var(--focus);text-align:center}.rsvp-after,.rsvp-plain{text-align:left;white-space:pre}.rsvp-plain{text-align:center;grid-column:1/-1}.rsvp-empty{color:var(--muted)}.pacer-stage{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;overflow-anchor:none;-webkit-overflow-scrolling:touch;border-radius:12px;flex:1 1 0;min-height:180px;max-height:65dvh;padding:1rem 1rem 2rem;line-height:1.8;overflow:auto}.pacer-paragraph{overflow-wrap:anywhere;margin:0 0 1rem}.pacer-word{font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;max-width:100%;padding:0}.pacer-word:disabled{cursor:default}.pacer-word:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pacer-word-active{background:color-mix(in srgb, var(--focus) 35%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px}.paused-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);border-radius:12px;flex-direction:column;flex-shrink:1;gap:.5rem;min-height:96px;max-height:28dvh;padding:.75rem;display:flex;overflow-y:auto}.paused-sentence,.paused-paragraph{overflow-wrap:anywhere;margin:0}.word-mark{background:color-mix(in srgb, var(--focus) 40%, transparent);border-radius:4px}.reader-controls{background:var(--bg);border-top:1px solid var(--border);padding:.75rem 0 max(.75rem, env(safe-area-inset-bottom));flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;margin-top:auto;display:flex}.session-details{width:100%;color:var(--muted);font-size:.8rem}.session-details>summary{min-height:var(--tap);cursor:pointer;align-content:center}.session-details[open]>.speed-help{margin:.25rem 0 .5rem}.wpm-control{color:var(--muted);flex-direction:column;flex:100%;gap:.25rem;font-size:.9rem;display:flex}.wpm-control input{width:100%}.check-row{min-height:var(--tap);align-items:center;gap:.6rem;display:flex}.table-wrap{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;overflow:auto}.log-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.log-table th,.log-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.65rem .75rem}.log-table th{color:var(--muted);font-weight:600}@media (width>=720px){.screen{padding:1.25rem 1.5rem 2rem}.rsvp-stage{min-height:260px}}.screen.reader-screen{padding-bottom:0}.reader-screen>:not(.reader-body){flex-shrink:0}.reader-title{font-family:var(--display-font);overflow-wrap:anywhere;margin:.2rem 0 .65rem;font-size:1.4rem;line-height:1.3}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem}.book-progress{appearance:none;background:var(--border);width:100%;height:4px;accent-color:var(--accent);border:0;border-radius:4px;overflow:hidden}.book-progress::-webkit-progress-bar{background:var(--border)}.book-progress::-webkit-progress-value{background:var(--accent)}.book-progress::-moz-progress-bar{background:var(--accent)}.book-detail{color:var(--muted);margin-top:.3rem;font-size:.85rem;display:block}.continue-panel{border-color:var(--accent)}.reading-toolbar,.playback-row,.search-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.playback-row{width:100%}.mode-toggle{border:1px solid var(--border);border-radius:12px;gap:3px;padding:3px}.mode-toggle .btn{border-color:#0000}.speed-help{color:var(--muted);margin:0;font-size:.75rem}.empty-library-tip{color:var(--muted);margin:0;font-size:.9rem;line-height:1.4}.site-footer{text-align:center;margin-top:auto;padding-top:.5rem}.site-footer-link{color:var(--muted);text-underline-offset:.15em;font-size:.85rem;text-decoration:underline}.site-footer-link:hover,.site-footer-link:focus-visible{color:var(--accent)}.wpm-control>span{justify-content:space-between;display:flex}.wpm-control strong{color:var(--text);font-variant-numeric:tabular-nums}input[type=range]{min-height:32px;accent-color:var(--accent)}.context-word{font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;max-width:100%;min-height:44px;padding:.15rem 0}.context-word:focus-visible,.pacer-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.context-word.word-mark{background:color-mix(in srgb, var(--focus) 35%, var(--bg-elevated))}.paused-sentence{line-height:1.8}.search-panel{max-height:45dvh;overflow-y:auto}.search-row{margin-top:.5rem}.search-row input{min-width:0}.search-results{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.completion{text-align:center;background:var(--bg-elevated);color:var(--accent);border-radius:8px;margin:0;padding:.65rem}.rsvp-before,.rsvp-after{min-width:0}.rsvp-before{justify-self:end;width:max-content}.rsvp-after{width:max-content}.rsvp-plain{justify-self:center;width:max-content}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.book-storage{border:1px solid var(--border);border-radius:10px;margin-top:.5rem;padding:.65rem}.book-storage summary{cursor:pointer;min-height:44px;color:var(--muted);align-content:center;display:list-item}.book-storage summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-storage[open]{gap:.75rem;display:grid}@media (height<=700px){.reader-screen{gap:.5rem}.reader-title{margin-bottom:.3rem;font-size:1.05rem}.reader-screen .book-heading>.eyebrow{display:none}.reader-controls{gap:.25rem}.rsvp-stage{min-height:110px}}@media (height<=500px) and (width>=640px){.reader-screen{max-width:64rem;padding-top:max(.5rem, env(safe-area-inset-top))}.reader-screen .book-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1rem;display:grid}.reader-screen .book-progress{grid-column:1/-1}.reader-screen .mode-help{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.reader-title{margin:0}.reader-body{flex-direction:row;align-items:stretch}.reading-space{flex:1 1 0}.reader-controls{border-top:0;border-left:1px solid var(--border);padding:0 0 max(.75rem, env(safe-area-inset-bottom)) 1rem;flex:0 0 19rem;align-self:flex-start;margin-top:0}.pacer-stage{min-height:150px;max-height:55dvh}}