:root{color-scheme:light;--paper:#f5f1e5;--ink:#213e31;--panel:#fffcf3;--border:#c5cebd;--accent:#1e513e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button{border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;padding:10px 18px;min-height:44px;cursor:pointer}.secondary{background:var(--panel);color:var(--ink);border-color:var(--border)}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid #a27424;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:12px;padding:10px;background:var(--panel);z-index:9}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--border)}.app-header a:first-child{font:bold clamp(1rem,3vw,1.5rem) Georgia,serif;letter-spacing:.06em;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:32px 22px 60px}h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.2rem);margin:12px 0 20px}h2{font-size:1.7rem}p{overflow-wrap:anywhere}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#806a32}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0}.help{border:1px solid var(--border);border-radius:9px;padding:16px 20px;background:var(--panel);margin:24px 0}.help summary{cursor:pointer;font-weight:600}.help p{max-width:80ch}.help label{display:inline-flex;flex-direction:column;margin:12px 20px 8px 0}select{background:var(--panel);color:var(--ink);border:1px solid var(--border);padding:10px;border-radius:6px;max-width:100%;min-height:44px}#series{display:block;width:min(100%,500px);margin:8px 0 20px}section{margin-top:40px}.section-heading{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}#saved{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.chapter-card{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:20px;min-width:0}.chapter-card h3{margin:8px 0;font-size:1.25rem}.chapter-card .actions{margin-bottom:0}.chapter-card p{margin:8px 0;font-size:.9rem}#catalog{display:grid;gap:12px}.catalog-row{border-bottom:1px solid var(--border);padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.catalog-row span{min-width:0}#status:empty,#reader-status:empty{display:none}#status,#reader-status{border-left:3px solid #957c38;padding:10px 14px;background:var(--panel)}#connection,#storage,#reader-expiry{font-size:.9rem;color:#566d59}#reader{max-width:780px;margin:0 auto}#reader h1{font-size:clamp(1.9rem,4vw,2.7rem)}#prose{font:var(--font,20px)/1.9 Georgia,serif;overflow-wrap:anywhere;margin:36px 0}#prose p{margin:0 0 1.3em}#prose blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:20px}body[data-appearance=dark]{--paper:#172b23;--ink:#e8e8d7;--panel:#203d30;--border:#56715f;--accent:#bdddaf;color-scheme:dark}body[data-appearance=dark] button:not(.secondary){background:#c6d6ad;color:#152c21}body[data-appearance=sepia]{--paper:#ede0c2;--panel:#f6ebd3}footer{padding:20px;text-align:center;border-top:1px solid var(--border);font-size:.9rem}@media(max-width:480px){main{padding:24px 16px 48px}.app-header{padding:18px 16px}.app-header a:last-child{font-size:.9rem}.actions>button{flex:1 1 auto}.catalog-row{align-items:flex-start;flex-direction:column;gap:8px}.chapter-card{padding:16px}.section-heading{align-items:flex-start}.help{padding:14px}.help label{display:flex;margin-right:0}#prose{font-size:var(--font,19px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.choose{display:flex;gap:10px;align-items:center}.choose input{width:22px;height:22px;flex-shrink:0}.range-fields{display:grid;grid-template-columns:auto minmax(55px,1fr) auto minmax(55px,1fr);gap:10px;align-items:center}.range-fields input{width:100%}#queue-list{padding-left:24px}#queue-list li{padding:8px 0;overflow-wrap:anywhere}.catalog-row label{min-width:0}@media(max-width:500px){.range-fields{grid-template-columns:auto minmax(0,1fr)}.catalog-row{flex-wrap:wrap}.catalog-row label{width:100%}}