:root{--bg: #faf7f0;--ink: #2b2b2b;--accent: #e07a3f;--highlight: #ffe9a8;--muted: #8a8578}@media(prefers-color-scheme:dark){:root{--bg: #1d1f24;--ink: #e8e4da;--accent: #ff9d5c;--highlight: #4a3f1e;--muted: #7a766c}}*{box-sizing:border-box}body{margin:0 auto;max-width:46rem;padding:1.5rem 1.25rem 6rem;font-family:Georgia,Times New Roman,serif;background:var(--bg);color:var(--ink)}header h1{margin:0;font-size:1.6rem}.tagline{margin:.1rem 0 1.2rem;color:var(--muted);font-style:italic}#text-input{width:100%;font:inherit;padding:.75rem;border:1px solid var(--muted);border-radius:8px;background:transparent;color:inherit}button,label.btn{font:inherit;padding:.5rem 1rem;margin-top:.5rem;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;display:inline-block}button:disabled{opacity:.5;cursor:wait}.input-buttons{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}#status.error{color:#c0392b}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#reader{font-size:1.15rem;line-height:1.8;margin-top:1.5rem}#reader p{margin:0 0 1.1rem}#reader h1,#reader h2,#reader h3{line-height:1.3;margin:1.5rem 0 .6rem}#reader h1{font-size:1.5rem}#reader h2{font-size:1.28rem}#reader h3{font-size:1.1rem}#reader ul{margin:0 0 1.1rem;padding-left:1.4rem}#reader li{margin:.25rem 0}#reader blockquote{margin:0 0 1.1rem;padding-left:1rem;border-left:3px solid var(--muted);color:var(--muted);font-style:italic}#reader .sentence{border-radius:4px;transition:background .15s;cursor:pointer}#reader .sentence.speaking{background:var(--highlight)}#controls{position:fixed;bottom:0;left:0;right:0;display:flex;gap:.5rem;align-items:center;padding:.75rem 1.25rem;background:var(--bg);border-top:1px solid var(--muted)}#controls button{margin-top:0}#status{margin-left:auto;color:var(--muted);font-size:.85rem}