:root{--paper:#f8f3e7;--paper-card:#fffdf7;--ink:#1d1c1a;--ink-70:#1d1c1ab3;--ink-55:#1d1c1a8c;--ink-40:#1d1c1a66;--ink-18:#1d1c1a2e;--ink-10:#1d1c1a1a;--red:#d33a2c;--pivot:37%;--pivot-rest:63%;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:Georgia, "Iowan Old Style", "Times New Roman", Times, serif;--word-fade:70ms}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);background-image:radial-gradient(120% 60% at 50% 0%, #fffaf0 0%, var(--paper) 62%);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{isolation:isolate}.shell{height:100vh;height:100dvh;padding:14px 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.topbar{flex:none;align-items:center;height:34px;margin-bottom:16px;display:flex}.wordmark{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-40);font-size:11px;font-weight:600}.column{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:18px;min-height:0;display:flex;overflow-y:auto}.window{border:1px solid var(--ink-10);background:var(--paper-card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:22px;flex:none;height:320px;position:relative;overflow:hidden;box-shadow:0 16px 34px -26px #1d1c1ab3}.window:active{background:#fffaf0}.tick{left:var(--pivot);background:var(--ink-18);width:1px;position:absolute;transform:translate(9px)}.tick-top{height:16px;top:120px}.tick-bottom{height:16px;top:184px}.wordline{animation:word-in var(--word-fade) ease-out both;position:absolute;top:0;bottom:0;left:0;right:0}.word-left,.word-right{white-space:pre;font-family:var(--serif);letter-spacing:-.01em;align-items:center;font-size:44px;line-height:58px;display:flex;position:absolute;top:0;bottom:0}.word-left{right:var(--pivot-rest)}.word-right{left:var(--pivot)}.orp{color:var(--red);font-weight:inherit}@keyframes word-in{0%{opacity:.3}to{opacity:1}}.context{text-align:center;font-family:var(--serif);color:var(--ink-40);max-height:44px;margin:0;font-size:14px;line-height:22px;position:absolute;bottom:16px;left:18px;right:18px;overflow:hidden}.context b{color:var(--ink-70);font-weight:600}.caption{text-align:center;font-family:var(--serif);color:var(--ink-55);margin:-4px 0 0;font-size:14px;font-style:italic;line-height:20px}.dot{color:var(--ink-18);padding:0 6px}.progress{background:var(--ink-10);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:var(--ink);height:100%;transition:width .14s linear;display:block}.meters{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:-6px 0 0;font-size:12px;display:flex}.meter-pace{color:var(--red);font-weight:700}.meter-left{color:var(--ink-40);font-weight:500}.shell[data-state=reading] .chips,.shell[data-state=reading] .stepper{opacity:.5;transition:opacity .2s}.play{background:var(--ink);height:64px;color:var(--paper);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:700;transition:transform .12s,opacity .12s;display:flex}.play:active{opacity:.9;transform:translateY(1px)}.play-glyph{letter-spacing:.08em;font-size:13px}.chips{gap:8px;display:flex}.chip{border:1px solid var(--ink-18);min-width:0;height:48px;color:var(--ink-70);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:13px;flex:1 1 0;font-size:15px;font-weight:600;transition:background-color .12s,color .12s,border-color .12s}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip:active{transform:translateY(1px)}.stepper{justify-content:space-between;align-items:center;gap:10px;display:flex}.step{border:1px solid var(--ink-18);width:96px;height:48px;color:var(--ink);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:13px;font-size:16px;font-weight:600}.step:disabled{opacity:.32}.step:active:not(:disabled){background:var(--ink-10)}.stepper-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-40);text-align:center;font-size:11px}.shell[data-state=done] .results{margin-top:auto}.results{border:1px solid var(--ink-10);background:var(--paper-card);text-align:center;border-radius:22px;flex:none;padding:20px 20px 22px;box-shadow:0 16px 34px -26px #1d1c1ab3}.results-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-40);margin:0;font-size:11px}.results-title{font-family:var(--serif);margin:6px 0 0;font-size:22px;font-weight:400;line-height:30px}.pace{justify-content:center;align-items:baseline;gap:8px;margin:10px 0 0;display:flex}.pace-number{font-family:var(--serif);color:var(--red);font-size:58px;font-weight:400;line-height:66px}.pace-unit{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-40);font-size:13px;font-weight:600}.results-meta{color:var(--ink-55);margin:2px 0 0;font-size:13px}.verdict{font-family:var(--serif);color:var(--ink);margin:14px 0 0;font-size:17px;line-height:25px}.best{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);margin:10px 0 0;font-size:11px;font-weight:600}.quiz{flex:none}.quiz-count{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-40);justify-content:space-between;margin:0 0 8px;font-size:11px;font-weight:600;display:flex}.quiz-score{color:var(--red)}.quiz-prompt{font-family:var(--serif);margin:0 0 12px;font-size:19px;font-weight:400;line-height:27px}.options{flex-direction:column;gap:8px;display:flex}.option{border:1px solid var(--ink-18);background:var(--paper-card);min-height:56px;color:var(--ink);font-family:var(--sans);text-align:left;cursor:pointer;border-radius:14px;padding:12px 44px 12px 16px;font-size:15px;line-height:21px;transition:background-color .12s,border-color .12s,color .12s;position:relative}.option:active:not(:disabled){background:#fff6e2}.option[data-answer=correct]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.option[data-answer=correct]:after{content:"✓";margin-top:-10px;font-size:15px;position:absolute;top:50%;right:16px}.option[data-answer=wrong]{border-color:var(--red);color:var(--red)}.option[data-answer=wrong]:after{content:"✕";margin-top:-10px;font-size:15px;position:absolute;top:50%;right:16px}.option:disabled{cursor:default}.ghost{border:1px solid var(--ink-18);min-height:48px;color:var(--ink-70);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:13px;padding:0 18px;font-size:13px;font-weight:600}.ghost:active{background:var(--ink-10)}.quiz .ghost{width:100%;margin-top:12px}.after{flex-direction:column;display:flex}.foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:4px;transition:opacity .16s;display:flex}.foot[data-active=false]{opacity:.34}.foot-best{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);font-size:11px;font-weight:600}.note{text-align:center;color:var(--ink-40);margin:0;font-size:11px;line-height:16px}.library{z-index:5;border-top:1px solid var(--ink-10);background:var(--paper);padding:10px 16px max(26px, env(safe-area-inset-bottom));border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;display:flex;position:fixed;top:64px;bottom:0;left:0;right:0;box-shadow:0 -18px 40px -30px #1d1c1acc}.library-head{justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.library-title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-40);font-size:11px;font-weight:600}.library-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:0;margin:0;padding:0 0 8px;list-style:none;display:flex;overflow-y:auto}.row{background:var(--paper-card);cursor:pointer;text-align:left;width:100%;min-height:62px;font-family:var(--sans);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:4px;padding:11px 14px;display:flex}.row[data-current=true]{border-color:var(--ink-18)}.row:active{background:#fff6e2}.row-title{font-family:var(--serif);color:var(--ink);font-size:17px;line-height:23px}.row-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);font-size:11px;font-weight:600}.row-done{color:var(--red);margin-left:8px}:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}