.read-aloud-page{max-width:var(--app-content-width);padding-bottom:60px}.read-aloud-page .page-header h1,.read-prompt h2,.read-summary h2{font-family:Georgia,Times New Roman,serif;font-weight:500}.read-progress{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;font-size:12px;display:flex}.read-progress>div{gap:6px;width:160px;display:flex}.read-progress>div span{background:var(--border);border-radius:5px;flex:1;height:4px}.read-progress .now{background:#8eb99f}.read-progress .done{background:var(--accent)}.read-prompt{text-align:center;background:radial-gradient(at 5% 5%,#e5edda,#0000 65%),#f5f5e9;border:1px solid #dae4d4;border-radius:22px;padding:34px}.read-prompt .eyebrow{letter-spacing:.12em;color:var(--muted);font-size:11px}.read-prompt h2{letter-spacing:-.6px;overflow-wrap:anywhere;max-width:740px;margin:18px auto 10px;font-size:40px;line-height:1.45}.read-prompt mark{color:var(--accent);text-underline-offset:8px;background:0 0;-webkit-text-decoration:underline #afc5a8;text-decoration:underline #afc5a8;text-decoration-thickness:2px}.read-prompt>p{color:var(--muted);font-size:14px}.read-prompt-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0 12px;display:flex}.read-listen{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:#ffffffc9;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:14px 18px;display:flex}.read-record.is-recording{background:#a64c36}.read-prompt .read-status{min-height:18px;font-size:12px}.audio-comparison{border:1px solid var(--border);background:#fff9;border-radius:20px;margin:26px 0;padding:25px}.read-comparison-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.read-comparison-heading h2{margin:0;font-size:18px}.read-view-toggle{background:#ecf0e7;border-radius:10px;padding:3px;display:flex}.read-view-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 11px;font-size:12px}.read-view-toggle button[aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 4px #203c2012}.read-audio-row{color:#205e4e;margin-top:18px}.read-audio-row.mine{color:#aa572f}.read-audio-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.read-audio-label>span{align-items:center;gap:10px;display:flex}.read-audio-label strong{font-size:13px;font-weight:600}.read-audio-label small{color:var(--muted);font-size:11px}.read-audio-label .icon-button{border:1px solid var(--border);background:#fff;border-radius:50%;width:34px;height:34px}.read-chart{background:repeating-linear-gradient(90deg,#eef1e8 0 1px,#0000 1px 25%),#f5f6ef;border:1px solid #dfe6d7;border-radius:10px;height:115px;position:relative;overflow:hidden}.read-chart>p{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;margin:0;padding:18px 35px;font-size:12px;display:flex}.read-chart-data{height:100%}.read-chart-data canvas,.read-chart-data svg{width:100%;height:100%;display:block}.read-frequency{color:#3f5c51;text-shadow:0 0 3px #fff;pointer-events:none;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:5px;bottom:5px;left:6px}.read-playhead{background:#182f2d;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fff9}.read-time-axis{color:var(--muted);justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.read-chart-note,.read-score-hint{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.6}.read-check{justify-content:center;margin:22px 0;display:flex}.read-aloud-page button:disabled{opacity:.5;cursor:default}.read-feedback{border:1px solid var(--border);background:#fff;border-radius:20px;margin-top:24px;padding:28px}.read-score-head{align-items:center;gap:22px;display:flex}.read-score{color:var(--accent);white-space:nowrap;font-family:Georgia,serif;font-size:48px}.read-score small{font-family:var(--font-sans),sans-serif;color:var(--muted);font-size:14px}.read-score-head h2{margin:0 0 4px;font-size:19px}.read-score-head p{color:var(--muted);margin:0;font-size:13px}.read-word-scores{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.read-word-scores>span{background:#eaf1e5;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:15px;display:flex}.read-word-scores>span.work{background:#faf0df}.read-word-scores small{color:var(--muted);font-size:10px}.read-focus-feedback{gap:15px;margin:0;padding:0;list-style:none;display:grid}.read-focus-feedback li{align-items:baseline;gap:12px;display:flex}.read-focus-feedback svg{flex-shrink:0}.read-focus-feedback li>div{gap:4px;font-size:14px;display:grid}.read-focus-feedback li span{color:var(--muted);font-size:13px}.read-lino-tip{background:#f0f3e9;border-radius:13px;align-items:center;gap:14px;margin-top:22px;padding:14px;display:flex}.read-lino-tip strong{font-size:12px}.read-lino-tip p{margin:4px 0 0;font-size:14px;line-height:1.7}.read-heard{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.6}.read-next{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 0;font-size:13px;display:flex}.read-next>a{color:var(--muted)}.read-summary{border:1px solid var(--border);background:#fff;border-radius:20px;padding:30px}.read-summary .lino-stage{margin:auto}.read-summary h2{font-size:30px}.read-summary ul{gap:12px;padding:0;list-style:none;display:grid}.read-summary li{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding-bottom:12px;display:flex}.read-summary li strong{white-space:nowrap}@media (max-width:650px){.read-comparison-heading{flex-wrap:wrap;gap:12px}.read-prompt{padding:24px 18px}.read-prompt h2{font-size:30px}.audio-comparison{padding:16px}.read-feedback{padding:20px}.read-audio-label>span:first-child{flex-direction:column;align-items:flex-start;gap:2px}.read-score{font-size:40px}.read-score-head{gap:15px}.read-score-head h2{font-size:16px}.read-prompt-actions{flex-direction:column}.read-prompt-actions button{justify-content:center}.read-next{flex-wrap:wrap}.read-set-nav{gap:5px}.read-set-nav a{padding:9px 12px;font-size:12px}}.read-prompt h2,.read-summary h2{scroll-margin-top:24px}