:root{--bg0: #141812;--bg1: #1c2218;--bg2: #27301f;--ink: #f2efe6;--muted: #a7b09a;--accent: #d6e27a;--accent-ink: #1a1f16;--danger: #e07a6a;--line: rgba(242, 239, 230, .12);--shadow: 0 24px 60px rgba(0, 0, 0, .35);--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#2f3b24 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#3a2e1c 0%,transparent 50%),var(--bg0);color:var(--ink);font-family:var(--font-body)}body{min-height:100dvh}#app{max-width:720px;margin:0 auto;padding:1.25rem 1.1rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.topbar-actions{display:flex;align-items:center;gap:.55rem}.nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.9rem;padding:.35rem .7rem;border-radius:999px;cursor:pointer}.nav-link.active,.nav-link:hover{color:var(--accent-ink);background:var(--accent);border-color:transparent}.archive-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.archive-title{font-family:var(--font-display);font-size:1.55rem;margin:.35rem 0 .25rem}.archive-detail-hero{display:grid;grid-template-columns:72px 1fr;gap:1rem;align-items:start;margin:.75rem 0 .5rem}.archive-stats{list-style:none;padding:0;margin:.75rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.45rem .75rem;font-size:.9rem;color:var(--muted)}.archive-stats strong{color:var(--ink);font-weight:600}.brand{font-family:var(--font-display);font-size:1.85rem;letter-spacing:-.03em;margin:0}.brand-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;color:inherit;cursor:pointer;text-align:left}.brand span{color:var(--accent)}.muted{color:var(--muted)}.panel{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--bg1);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.panel+.panel{margin-top:1rem}.settings-grid{display:grid;gap:.75rem}label{display:grid;gap:.35rem;font-size:.9rem;color:var(--muted)}input[type=text],input[type=password],input[type=file]{width:100%;border:1px solid var(--line);background:var(--bg2);color:var(--ink);border-radius:12px;padding:.7rem .85rem;font:inherit}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;padding:.7rem 1.1rem;cursor:pointer}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.book-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.book-row{display:grid;gap:.55rem}.book-expand:empty{display:none}.book-expand .player{margin:0}.book-item{display:grid;gap:.55rem;padding:.75rem;border-radius:14px;border:1px solid var(--line);background:#ffffff05;text-align:left;width:100%;color:inherit}.book-item.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.book-item.pinned{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.book-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;margin:0;width:100%;cursor:pointer;display:grid;grid-template-columns:4.5rem 1fr;gap:.85rem;align-items:start}.book-cover-wrap{width:4.5rem;flex-shrink:0}.book-cover{display:block;width:4.5rem;height:6.4rem;object-fit:cover;border-radius:8px;background:color-mix(in srgb,var(--bg2) 80%,black);box-shadow:0 8px 18px #00000047}.book-cover-fallback{display:grid;place-items:center;font-family:var(--font-display);font-size:1.6rem;color:var(--accent);border:1px solid var(--line)}.book-meta{display:grid;gap:.3rem;min-width:0}.book-item h3{margin:0;font-family:var(--font-display);font-size:1.15rem;line-height:1.25}.status{font-size:.85rem;color:var(--muted)}.status.ready{color:var(--accent)}.status.failed{color:var(--danger)}.player h2{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.6rem}.seek{width:100%;margin:0;accent-color:var(--accent)}.player-bar{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.player-bar-main{flex:1;min-width:0;display:grid;gap:.25rem}.play-btn{width:2.8rem;height:2.8rem;flex:0 0 auto;border-radius:999px;padding:0;font-size:1rem;line-height:1}.time-row{display:flex;justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.speeds button{min-width:3.2rem;padding:.45rem .7rem;background:var(--bg2);color:var(--ink);border:1px solid var(--line)}.speeds button.active{background:var(--accent);color:var(--accent-ink);border-color:transparent}.preview{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);line-height:1.45}.error{color:var(--danger);margin:.5rem 0 0}.hidden{display:none!important}.icon-btn{width:2.6rem;height:2.6rem;padding:0;border-radius:999px;background:transparent;color:var(--muted);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.tiny{font-size:.82rem}.tiny-btn{font-size:.75rem;padding:.25rem .55rem;min-height:auto}.sync-box{margin-top:.9rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,#000)}.sync-box-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.sync-box-head strong{font-size:.9rem}#sync-status{margin:0;white-space:pre-line;line-height:1.45;font-size:.8rem}.recap-entry{margin:.9rem 0 0}.recap-link{background:none;border:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.recap-link:hover{color:var(--ink)}body.recap-open{overflow:hidden}.recap-reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;background:#fff;color:#1c1b19;font-family:Literata,Georgia,serif;-webkit-font-smoothing:antialiased}.rr-shell{min-height:100%}.rr-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e6e2da}.rr-back,.rr-action{font-family:"Source Sans 3",system-ui,sans-serif;font-size:.92rem;font-weight:600;border-radius:999px;border:1px solid #d9d3c8;background:#fff;color:#1c1b19;padding:.45rem .9rem;cursor:pointer}.rr-action{background:#1c1b19;color:#fff;border-color:#1c1b19}.rr-action:disabled{opacity:.55;cursor:wait}.rr-main{max-width:38rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.rr-kicker{margin:0 0 .35rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#6f6a60}.rr-title{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.15rem);line-height:1.2;font-weight:700;letter-spacing:-.02em}.rr-sub{margin:0 0 1.75rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.95rem;color:#6f6a60;line-height:1.45}.rr-warn,.rr-error{font-family:"Source Sans 3",system-ui,sans-serif;color:#a33b2b;margin:0 0 1rem}.rr-block{margin:0 0 2.25rem;padding:1.35rem 0 0;border-top:2px solid #1c1b19}.rr-block h2{margin:0 0 .35rem;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.rr-lead{margin:0 0 1.1rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.92rem;color:#6f6a60}.rr-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.rr-list li{padding:.95rem 1rem;background:#f4f1ea;border-radius:12px}.rr-list h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.rr-list p{margin:0;font-size:1.02rem;line-height:1.55}.rr-empty{margin:0;color:#6f6a60;font-size:1rem;line-height:1.5}.rr-block-chapters .rr-chapter{margin:0 0 1.75rem;padding-bottom:1.5rem;border-bottom:1px solid #e6e2da}.rr-block-chapters .rr-chapter:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rr-chapter header{display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:baseline;margin-bottom:.45rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8rem;color:#6f6a60}.rr-badge{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1c1b19}.rr-chapter h3{margin:0 0 .65rem;font-size:1.2rem;font-weight:700;line-height:1.3}.rr-prose p{margin:0 0 .85rem;font-size:1.08rem;line-height:1.7}.rr-prose p:last-child{margin-bottom:0}.progress{margin-top:.45rem;height:.45rem;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#a8b85a,var(--accent));transition:width .4s ease}.status.processing{color:var(--accent)}.status.paused{color:#e0c56a}.book-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--line);align-items:center}.book-actions-end{display:flex;gap:.4rem;margin-left:auto;align-items:center}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg2);color:var(--ink);border-radius:999px;padding:.35rem .65rem;font:inherit;font-size:.85rem;cursor:pointer;line-height:1}.chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.chip.danger:hover{border-color:var(--danger);color:var(--danger)}.book-head h3{margin:0}