.reader-app{--reader-font-size: 19px;--reader-line-height: 1.8;--reader-max-width: 720px;--reader-pad-x: clamp(1.25rem, 6vw, 4rem);--reader-pad-y: clamp(1.5rem, 5vh, 3rem)}.reader-app.theme-light{--reader-bg: #FFFFFF;--reader-fg: #1A1A1A;--reader-muted: #8A8A8E;--reader-accent: var(--accent, #6D28D9)}.reader-app.theme-sepia{--reader-bg: #F5F0E6;--reader-fg: #3D3A34;--reader-muted: #9A958A;--reader-accent: var(--accent, #6D28D9)}.reader-app.theme-dark{--reader-bg: #0F0F13;--reader-fg: #E4E4E7;--reader-muted: #71717A;--reader-accent: var(--accent, #A78BFA)}.reader-app{background:var(--reader-bg);color:var(--reader-fg);min-height:100vh;transition:background .3s ease,color .3s ease}.reader-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:70}.reader-progress-fill{height:100%;width:0%;background:var(--reader-accent);transition:width .15s ease}.reader-full{max-width:var(--reader-max-width);margin:0 auto;padding:var(--reader-pad-y) var(--reader-pad-x) 8rem}.reader-content{font-family:var(--font-serif, Georgia, "Times New Roman", serif);font-size:var(--reader-font-size);line-height:var(--reader-line-height);color:var(--reader-fg)}.reader-content p{margin:0 0 1.2em}.reader-content h2{font-size:1.5em;margin:1.2em 0 .7em;font-weight:600}.reader-content h3{font-size:1.2em;margin:1em 0 .6em;font-weight:600}.reader-content blockquote{border-left:3px solid var(--reader-accent);margin:1.2em 0;padding:.4em 0 .4em 1.2em;color:var(--reader-muted);font-style:italic}.reader-content pre{background:color-mix(in srgb,var(--reader-fg) 6%,transparent);border-radius:10px;padding:1em 1.2em;overflow-x:auto;font-size:.82em;line-height:1.5;margin:1.2em 0}.reader-content code{font-family:SF Mono,Consolas,monospace}.reader-content hr{border:none;text-align:center;margin:2.2em 0}.reader-content hr:after{content:"· · ·";color:var(--reader-muted);letter-spacing:.5em}.reader-content p.reader-speaking{background:color-mix(in srgb,var(--reader-accent) 10%,transparent);border-radius:8px;padding:.3em .6em;margin-left:-.6em;margin-right:-.6em;transition:background .3s ease}.reader-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--reader-fg) 12%,transparent)}.reader-nav a{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--reader-fg) 6%,transparent);color:var(--reader-fg);text-decoration:none;font-family:var(--font-ui);transition:background .2s ease}.reader-nav a:hover{background:color-mix(in srgb,var(--reader-fg) 12%,transparent)}.reader-nav .nav-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--reader-muted)}.reader-nav .nav-title{font-size:.9rem;font-weight:600}.reader-controls{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--reader-bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid color-mix(in srgb,var(--reader-fg) 10%,transparent);z-index:80;font-family:var(--font-ui)}.reader-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:3rem;height:2.6rem;padding:0 .9rem;border:none;border-radius:999px;background:color-mix(in srgb,var(--reader-fg) 8%,transparent);color:var(--reader-fg);font-family:var(--font-ui);font-size:.8rem;font-weight:600;letter-spacing:.03em;cursor:pointer;touch-action:manipulation;text-decoration:none;transition:background .2s ease,transform .15s ease}.reader-btn:hover{background:color-mix(in srgb,var(--reader-fg) 14%,transparent)}.reader-btn:active{transform:scale(.94)}.reader-btn.primary{background:var(--reader-accent);color:#fff}.reader-btn.primary:hover{filter:brightness(1.1)}.reader-btn svg{width:1.1rem;height:1.1rem}.reader-play{min-width:3.4rem;height:3rem;border-radius:50%;box-shadow:0 4px 14px color-mix(in srgb,var(--reader-accent) 45%,transparent)}.reader-play svg{width:1.4rem;height:1.4rem}.reader-navbtn{min-width:2.4rem;height:2.4rem;background:transparent;color:var(--reader-muted)}.reader-navbtn:hover{background:color-mix(in srgb,var(--reader-fg) 8%,transparent);color:var(--reader-fg)}.reader-navbtn svg{width:1.15rem;height:1.15rem}.reader-controls-center{display:flex;gap:.4rem}.reader-overlay{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:85}.reader-overlay.show{opacity:1;pointer-events:auto}.reader-settings{position:fixed;bottom:0;left:0;right:0;background:var(--reader-bg);border-top:1px solid color-mix(in srgb,var(--reader-fg) 12%,transparent);padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));z-index:90;font-family:var(--font-ui);transform:translateY(110%);transition:transform .28s ease;box-shadow:0 -12px 40px #0000002e;border-radius:16px 16px 0 0}.reader-settings.open{transform:translateY(0)}.reader-settings-header{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0 .6rem}.reader-close{width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:color-mix(in srgb,var(--reader-fg) 8%,transparent);color:var(--reader-fg);font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .15s ease}.reader-close:hover{background:color-mix(in srgb,var(--reader-fg) 14%,transparent)}.reader-close:active{transform:scale(.92)}.reader-settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid color-mix(in srgb,var(--reader-fg) 8%,transparent)}.reader-settings-row:last-child{border-bottom:none}.reader-settings-label{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--reader-muted)}.reader-theme-pills{display:flex;gap:.5rem}.reader-theme-pill{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .2s ease}.reader-theme-pill:hover{transform:scale(1.08)}.reader-theme-pill.active{border-color:var(--reader-accent)}.reader-theme-pill.light{background:#fff;border-color:#d0d0d0}.reader-theme-pill.sepia{background:#f5f0e6;border-color:#d8cfb8}.reader-theme-pill.dark{background:#0f0f13;border-color:#3a3a44}.reader-font-size{display:flex;align-items:center;gap:.7rem}.reader-font-size .value{min-width:2.4rem;text-align:center;font-size:.8rem;color:var(--reader-muted)}@media(min-width:901px){.reader-app{margin-left:280px;min-height:100vh}.reader-controls,.reader-settings{left:280px}}