:root,:root[data-theme=sepia]{--bg: #f6efe1;--surface: #ede3cd;--text: #33281c;--muted: #5c4c39;--accent: #8a3a10;--on-accent: #fffaf0;--border: #d6c6a8;--moral-bg: #e9dcbf;--hl-yellow: #f7dc7a;--hl-green: #cfe6b0;--hl-blue: #c6dcf2;--hl-pink: #f3cbd6;color-scheme:light}:root[data-theme=light]{--bg: #ffffff;--surface: #f3f3f6;--text: #1c1c21;--muted: #52525c;--accent: #96390e;--on-accent: #ffffff;--border: #d9d9e0;--moral-bg: #f5ede4;--hl-yellow: #fde68a;--hl-green: #c9efc4;--hl-blue: #cfe3ff;--hl-pink: #fcd3e1;color-scheme:light}:root[data-theme=dark]{--bg: #15161a;--surface: #22242b;--text: #e8e4da;--muted: #aaa69c;--accent: #f0a868;--on-accent: #1a1206;--border: #383a44;--moral-bg: #2a2620;--hl-yellow: #5c4c1a;--hl-green: #2f4a2a;--hl-blue: #24405e;--hl-pink: #5a2a3c;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:no-preference){body{transition:background-color .2s,color .2s}}a{color:var(--accent)}h1,h2{line-height:1.2}h2{font-size:1.1rem;margin:1.75rem 0 .75rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}main{outline:none;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--on-accent);padding:.5rem 1rem;z-index:100}.skip-link:focus{left:.5rem}.page{max-width:44rem;margin:0 auto;padding:calc(1rem + env(safe-area-inset-top)) 1rem 2rem}.page-title{font-family:var(--serif);font-size:1.9rem;margin:.5rem 0 1rem}.muted{color:var(--muted)}.status{padding:2rem 1rem;text-align:center}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.ghost{background:transparent}.btn.danger{background:#a3261c;border-color:#a3261c;color:#fff}.btn.big{width:100%;min-height:56px;font-size:1.15rem;margin:1rem 0}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.icon-btn.fav[aria-pressed=true]{color:var(--accent)}.aa{font-family:var(--serif);font-size:1.15rem;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.chip{min-height:40px;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font:inherit;font-size:.95rem;cursor:pointer}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.toggle{display:flex;align-items:center;gap:.6rem;min-height:44px}.toggle input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.toggles{display:flex;flex-wrap:wrap;column-gap:1.5rem}.card{background:var(--surface);border-radius:16px;padding:.25rem 1rem 1rem;margin:1rem 0}.card h2{margin-top:1rem}.card .chip{background:var(--bg)}.card .chip[aria-checked=true]{background:var(--accent)}.surprise-cta{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:18px;background:var(--accent);color:var(--on-accent);text-decoration:none}.surprise-cta strong{display:block;font-size:1.2rem}.surprise-cta .sub{font-size:.95rem}.search{width:100%;min-height:48px;padding:.6rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:1rem}.collections{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem}.collection-card{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:1rem;border-radius:16px;background:var(--surface);color:var(--text);text-decoration:none;border:1px solid var(--border)}.collection-title{font-family:var(--serif);font-size:1.15rem;font-weight:600}.collection-card .count{margin-top:auto;padding-top:.5rem;font-size:.9rem;color:var(--accent);font-weight:600}.story-list{list-style:none;padding:0;margin:0}.story-row{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.row-content{position:relative;display:flex;align-items:center;background:var(--bg);touch-action:pan-y;user-select:none;-webkit-user-select:none}@media(prefers-reduced-motion:no-preference){.story-row:not([data-dragging=true]) .row-content{transition:transform .2s ease-out}}.row-action{position:absolute;top:0;right:0;bottom:0;width:112px;border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.story-row:not([data-open=true]):not([data-dragging=true]) .row-action{opacity:0}.row-action:focus-visible{outline-offset:-4px;outline-color:var(--on-accent)}.story-link:focus-visible{outline-offset:-3px}.story-link{flex:1;display:flex;flex-direction:column;padding:.7rem 0;min-height:44px;color:var(--text);text-decoration:none}.story-title{font-family:var(--serif);font-size:1.08rem}.story-meta{font-size:.85rem;color:var(--muted)}.read-mark svg{vertical-align:-2px}.footer-links{margin-top:2rem;text-align:center}.credits{padding-left:1.2rem}.credits li{margin-bottom:1rem}.tabbar{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;padding:.25rem 0 calc(.25rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);z-index:10}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.35rem 0;font-size:.75rem;color:var(--muted);text-decoration:none}.tabbar a.active{color:var(--accent);font-weight:600}.tabbar-brand{display:none}.offline-banner{position:sticky;top:0;z-index:20;padding:calc(.4rem + env(safe-area-inset-top)) 1rem .4rem;text-align:center;background:var(--text);color:var(--bg);font-size:.9rem}:root{--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, Cambria, serif}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:30}.progress-fill{height:100%;background:var(--accent);transform-origin:left}.reader{max-width:65ch;margin:0 auto;padding:calc(1rem + env(safe-area-inset-top)) 1.25rem 2rem;font-family:var(--serif);font-size:var(--reader-size, 19px);line-height:var(--reader-leading, 1.6)}.story-header h1{font-size:1.75em;margin:.25rem 0 .4rem}.reader-bar{position:sticky;top:0;z-index:20;display:flex;margin:calc(-1rem - env(safe-area-inset-top)) -1.25rem 0;padding:calc(.25rem + env(safe-area-inset-top)) 1.25rem .25rem;background:var(--bg);justify-content:space-between;align-items:center;gap:.25rem;font-family:system-ui,sans-serif;font-size:.95rem}.crumb{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.reader-bar[data-floating=true]{box-shadow:0 1px 0 var(--border),0 4px 12px #00000014}.reader-bar[data-hidden=true]{transform:translateY(-100%);pointer-events:none}@media(prefers-reduced-motion:no-preference){.reader-bar{transition:transform .2s ease-out}}.reader-bar .row{flex-wrap:nowrap;gap:0}.byline{font-size:.8em;font-family:system-ui,sans-serif;margin:0 0 1.5em}.panel{position:absolute;right:1rem;top:100%;z-index:25;width:min(20rem,calc(100vw - 2rem));padding:.75rem 1rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #0003;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.4}.panel .chip{background:var(--bg)}.panel .chip[aria-checked=true]{background:var(--accent)}.story-body p{margin:0 0 1em;-webkit-hyphens:auto;hyphens:auto}.story-body .verse{white-space:pre-wrap;font-style:italic;color:var(--muted);margin:1.25em 0 1.25em .5em}.story-heading{font-size:1.15em;margin:1.75em 0 .75em}.moral{margin:1.75em 0 1em;padding:1em 1.25em;border-radius:14px;background:var(--moral-bg);border-left:4px solid var(--accent);font-style:italic}.moral p{margin:0}.note{margin:1em 0;padding-left:.9em;border-left:2px solid var(--border);color:var(--muted);line-height:1.45}figure{margin:1.25em 0;text-align:center}figure img{max-width:100%;height:auto;border-radius:8px}figure img[style]{width:min(100%,var(--w),calc(70vh * var(--ar)))}:root[data-theme=dark] figure img{filter:brightness(.88)}.versions{margin-top:2.5em;font-size:.9em}.versions h2{font-size:1em;margin:0 0 .5em}.versions ul{margin:0;padding-left:1.2em}.versions li{margin-bottom:.4em}.versions .muted{display:block;font-family:system-ui,sans-serif;font-size:.85em}.story-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5em;padding-top:1.25em;border-top:1px solid var(--border);font-size:.9em}.story-nav a{display:flex;flex-direction:column;text-decoration:none;color:var(--text)}.story-nav .next{text-align:right}.story-nav .muted{font-family:system-ui,sans-serif;font-size:.85em}.pick-card{margin:1rem 0;padding:1.25rem;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.pick-title{font-family:var(--serif);font-size:1.5rem;margin:0 0 .25rem}.pick-card.flip{animation:flip-in .45s ease-out both;backface-visibility:hidden}@keyframes flip-in{0%{transform:perspective(800px) rotateY(-90deg);opacity:0}to{transform:perspective(800px) rotateY(0);opacity:1}}.pick-grid .pick-card{margin:.75rem 0}.pick-grid .pick-title{font-size:1.25rem}.pick-actions{margin:.5rem 0 1rem}.presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;margin-bottom:.5rem}.preset{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:44px;padding:.7rem .9rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.preset span{font-size:.82rem;color:var(--muted)}.more-filters{margin:.5rem 0 .75rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.25rem 0 .5rem}.more-filters summary{min-height:44px;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;list-style:none}.more-filters summary::-webkit-details-marker{display:none}.more-filters summary:after{content:"";width:.5rem;height:.5rem;margin:0 .25rem 0 auto;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-25%) rotate(45deg)}.more-filters[open] summary:after{transform:translateY(25%) rotate(-135deg)}.badge{padding:.05rem .5rem;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.78rem}.filter-h{font-size:.95rem;margin:.9rem 0 .25rem}.hint{margin:0;font-size:.82rem}.chips.tri .chip[data-state=included]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chips.tri .chip[data-state=excluded]{text-decoration:line-through;color:var(--muted);border-style:dashed}.tri-mark:not(:empty){margin-right:.3rem}.recent ul{padding-left:1.2rem}.recent li{margin-bottom:.35rem}@media(prefers-reduced-motion:reduce){.pick-card.flip{animation:none}}.excerpt{font-family:var(--serif);font-size:1.05rem;line-height:1.55}.length-slider{border:0;margin:.75rem 0;padding:0;min-width:0}.length-slider legend{float:left;padding:0;font-weight:600}.length-value{float:right;color:var(--accent);font-weight:600}.range{--thumb: 28px;clear:both;position:relative;height:44px;margin:0 calc(var(--thumb) / 2)}.range:before,.range:after{content:"";position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:3px}.range:before{left:0;right:0;background:var(--border)}.range:after{left:calc(var(--lo) * 100%);right:calc((1 - var(--hi)) * 100%);background:var(--accent)}.range input{position:absolute;inset:0 calc(var(--thumb) / -2);width:calc(100% + var(--thumb));height:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;z-index:1}.range input::-webkit-slider-runnable-track{background:none}.range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:var(--thumb);height:var(--thumb);border-radius:50%;background:var(--bg);border:3px solid var(--accent);box-shadow:0 1px 4px #00000040;cursor:grab}.range input::-moz-range-thumb{pointer-events:auto;width:var(--thumb);height:var(--thumb);border-radius:50%;background:var(--bg);border:3px solid var(--accent);cursor:grab}.range input::-moz-range-track{background:none}.range input:focus-visible{outline:none}.range input.on-top{z-index:2}.range input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--accent);outline-offset:2px}.range input:focus-visible::-moz-range-thumb{outline:3px solid var(--accent);outline-offset:2px}.range-ticks{position:relative;height:1.2rem;margin:0 14px;font-size:.8rem;color:var(--muted)}.range-ticks span{position:absolute;transform:translate(-50%)}.eyebrow{margin:.5rem 0 0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.back-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 -.5rem;color:var(--muted);font-size:.95rem;text-decoration:none}.back-link+.page-title{margin-top:0}.eyebrow+.page-title{margin-top:.1rem}.tradition-note{margin:-.75em 0 1.5em;font-family:system-ui,sans-serif;font-size:.85rem;color:var(--muted)}.version-link{margin:-.75em 0 1.5em;font-family:system-ui,sans-serif;font-size:.85rem}.version-link a{display:inline-flex;align-items:center;min-height:32px}.tag-chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:-.75em 0 1.5em;font-family:system-ui,sans-serif;font-size:.8rem}.tag-chip{display:inline-flex;align-items:center;min-height:32px;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-decoration:none}.tag-chip[data-kind=cultures]{border-color:var(--accent);color:var(--accent)}.shelf-hero{margin:.5rem 0 1rem;padding:1.1rem 1.25rem 1.25rem;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.shelf-hero .eyebrow{margin:0}.meter{display:block;height:6px;margin:.5rem 0 .9rem;border-radius:3px;background:var(--border);overflow:hidden}.meter span{display:block;height:100%;background:var(--accent)}.shelf-row{display:flex;align-items:center;gap:.75rem}.shelf-row .btn{flex-shrink:0}.shelf-list .meter{margin:.35rem 0 0;height:4px}mark.hl{color:inherit;border-radius:3px;padding:.05em 0;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone}[data-color=yellow]{--hl: var(--hl-yellow)}[data-color=green]{--hl: var(--hl-green)}[data-color=blue]{--hl: var(--hl-blue)}[data-color=pink]{--hl: var(--hl-pink)}mark.hl,.hl-quote,.sheet-quote{background:var(--hl)}mark.hl[data-note]{text-decoration:underline dotted var(--accent);text-decoration-thickness:2px;text-underline-offset:.2em}mark.hl:focus-visible{outline:2px solid var(--accent)}.hl-toolbar{position:fixed;z-index:40;display:flex;align-items:center;gap:.4rem;width:300px;height:52px;padding:.4rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #00000040;font-family:system-ui,sans-serif}.swatch{width:36px;height:36px;flex:none;border-radius:50%;border:2px solid var(--border);background:var(--hl);cursor:pointer}.swatch[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.hl-toolbar .note-btn{margin-left:auto;white-space:nowrap;min-height:36px;padding:.3rem .8rem}.sheet-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;background:#00000059}.sheet{width:100%;max-width:44rem;max-height:85vh;overflow:auto;margin:0 auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:1rem;line-height:1.45}.sheet:focus{outline:none}.sheet-head{justify-content:space-between}.sheet-head h2{margin:.25rem 0}.sheet-quote{margin:0 0 .75rem;padding:.5rem .75rem;border-radius:8px;font-family:var(--serif)}.field{display:flex;flex-direction:column;gap:.3rem;margin:.75rem 0;font-weight:600}.field textarea{font:inherit;font-weight:400;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical}.sheet-actions{justify-content:space-between}.hl-list{list-style:none;padding:0;margin:.5rem 0 0}.hl-item{display:flex;flex-direction:column;gap:.25rem;width:100%;padding:.6rem 0;border:0;border-bottom:1px solid var(--border);background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.hl-item .hl-quote{font-family:var(--serif);padding:.05em .2em;border-radius:3px}.hl-item.detached .hl-quote{background:none;font-style:italic}.hl-note{color:var(--muted);font-size:.92rem}.section-head{justify-content:space-between}.section-head h2{margin-bottom:.5rem}@media(hover:hover){.btn:not(:disabled):hover,.chip:hover,.preset:hover{border-color:var(--muted)}.btn.primary:not(:disabled):hover,.surprise-cta:hover{filter:brightness(1.08)}.icon-btn:hover,.tabbar a:hover{color:var(--text)}.icon-btn:hover{background:var(--surface)}.collection-card:hover{border-color:var(--accent)}.row-content:hover{background:var(--surface)}.tag-chip:hover{border-color:var(--accent)}}@media(prefers-reduced-motion:no-preference){.btn,.chip,.icon-btn,.preset,.collection-card,.row-content{transition:background-color .15s,border-color .15s,color .15s,transform .1s}.btn:not(:disabled):active,.chip:active,.preset:active,.surprise-cta:active,.collection-card:active{transform:scale(.98)}}@media(hover:hover)and (pointer:fine){.row-content{transform:none!important}.row-action{right:48px;top:50%;bottom:auto;z-index:1;width:auto;min-height:36px;padding:0 .6rem;transform:translateY(-50%);border-radius:999px;background:var(--bg);color:var(--accent);font-size:.85rem}.story-row:not([data-open=true]):not([data-dragging=true]) .row-action{opacity:0}.story-row:hover .row-action,.story-row:focus-within .row-action{opacity:1!important}.row-action:hover{text-decoration:underline}.row-action:focus-visible{outline-color:var(--accent)}}@media(min-width:64rem){:root{--sidebar: 13rem}.tabbar{inset:0 auto 0 0;width:var(--sidebar);flex-direction:column;justify-content:flex-start;gap:.25rem;padding:1.5rem .75rem;border-top:0;border-right:1px solid var(--border)}.tabbar-brand{display:block;padding:0 .85rem 1.25rem;font-family:var(--serif);font-size:1.4rem;font-weight:700;color:var(--text)}.tabbar a{flex:0 0 auto;flex-direction:row;gap:.75rem;padding:.65rem .85rem;border-radius:12px;font-size:1rem}.tabbar a.active{background:var(--bg)}main,.offline-banner{margin-left:var(--sidebar)}main{padding-bottom:0}.progress{left:var(--sidebar)}.page{max-width:60rem;padding:2rem 2.5rem 3rem}.page.prose{max-width:44rem}.story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}.settings-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 1.25rem}.reader{padding-top:2rem}.reader-bar{margin-top:-2rem;padding-top:.75rem;padding-bottom:.5rem}.sheet-backdrop{align-items:center;justify-content:center;padding-left:var(--sidebar)}.sheet{max-width:32rem;border-radius:18px;padding-bottom:1.25rem;box-shadow:0 20px 50px #00000040}.sheet-backdrop.drawer{align-items:stretch;justify-content:flex-end;background:#0003}.drawer .sheet{width:26rem;max-height:none;margin:0;border-radius:0;border-left:1px solid var(--border)}}
