:root{--bg: #100e0c;--raise: #1b1714;--raise-2: #26211c;--line: #3c342c;--ink: #f4efe6;--muted: #c4b7a8;--faint: #8d8174;--amber: #e4a15a;--amber-ink: #2a1c0c;--paper: #f6f1e8;--paper-ink: #241e18;--paper-muted: #5e554b;--live: #f3d7a4;--sans: "Outfit", "Avenir Next", system-ui, sans-serif;--display: "Fraunces", "Iowan Old Style", Palatino, serif;--read: "Literata", Georgia, serif;--shadow: 0 18px 40px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 420px at 10% -10%,rgba(228,161,90,.16),transparent 60%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}::selection{background:var(--amber);color:var(--amber-ink)}.skip{position:absolute;left:.75rem;top:-4rem;background:var(--amber);color:var(--amber-ink);padding:.4rem .7rem;border-radius:8px;z-index:20}.skip:focus{top:.75rem}.app{min-height:100dvh}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding:.75rem 1.25rem;background:#100e0cd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(60,52,44,.85)}.brand{display:flex;align-items:center;gap:.7rem;background:none;border:0;padding:.2rem;border-radius:12px}.mark{width:2.25rem;height:2.25rem;border-radius:10px;display:grid;place-items:center;background:var(--amber);color:var(--amber-ink)}.brand-name{font-family:var(--display);font-size:1.25rem;letter-spacing:-.03em}.tag{margin:0;color:var(--muted);font-size:.92rem}.stage{padding:0 1.25rem 8.5rem}.lede{max-width:40rem;padding:1.15rem 0 .7rem}.lede h1{margin:0 0 .45rem;font-family:var(--display);font-weight:560;font-size:clamp(2.1rem,5vw,3.4rem);letter-spacing:-.035em;line-height:.98}.lede p{margin:0;color:var(--muted);font-size:1.05rem}.continue{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,44rem);margin:.4rem 0 1.1rem;padding:.85rem 1rem;text-align:left;background:var(--raise);border:1px solid var(--line);border-radius:14px}.continue small{display:block;color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.continue strong{display:block;font-family:var(--display);font-size:1.15rem;font-weight:560}.continue span.ch{color:var(--muted);font-size:.88rem}.genres{display:flex;flex-wrap:wrap;gap:.45rem;margin:.3rem 0 1.2rem}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.4rem .8rem;min-height:2.25rem}.chip[aria-pressed=true]{background:var(--amber);color:var(--amber-ink);border-color:transparent}.shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:1.35rem 1rem}.card{display:flex;flex-direction:column;gap:.65rem;width:100%;text-align:left;background:none;border:0;padding:0;border-radius:16px}.card:hover .cover,.card:focus-visible .cover{transform:translateY(-4px)}.cover{--h: 28;aspect-ratio:2 / 3;border-radius:16px;padding:.95rem;display:flex;flex-direction:column;justify-content:space-between;color:#f8f3ea;background:radial-gradient(120% 80% at 15% 0%,hsl(var(--h) 75% 62% / .55),transparent 55%),linear-gradient(165deg,hsl(var(--h) 32% 32%),hsl(var(--h) 42% 10%));box-shadow:inset 0 0 0 1px hsl(var(--h) 45% 72% / .28),var(--shadow);transition:transform .16s ease}.card.playing .cover{box-shadow:inset 0 0 0 2px var(--amber),var(--shadow)}.cover-genre{align-self:flex-start;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .45rem;border-radius:999px;background:#00000047}.cover-title{display:block;font-family:var(--display);font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.02;letter-spacing:-.03em}.cover-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.45rem;font-size:.8rem;line-height:1.35;color:#f8f3eae0}.cover-author{display:block;margin-top:.35rem;font-size:.82rem;color:#f8f3ead1}.empty{color:var(--muted)}.reader{margin-top:1rem;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);min-height:calc(100dvh - 13rem);min-width:0;max-width:100%;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--raise)}.toc{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line)}.toc-head{display:flex;gap:.6rem;justify-content:space-between;align-items:flex-start;padding:1rem 1rem .8rem}.toc-head h2{margin:0;font-family:var(--display);font-size:1.35rem;letter-spacing:-.03em;line-height:1.1}.toc-head p{margin:.25rem 0 0;color:var(--muted);font-size:.88rem}.icon-btn{width:2.5rem;height:2.5rem;flex:0 0 auto;border-radius:999px;border:1px solid var(--line);background:var(--raise-2);display:grid;place-items:center}.toc-list{list-style:none;margin:0;padding:.4rem .7rem 1rem;overflow:auto;display:flex;flex-direction:column;gap:.4rem;min-width:0;max-width:100%}.toc-item{width:100%;text-align:left;border-radius:12px;border:1px solid transparent;background:transparent;padding:.7rem .75rem;min-height:2.75rem}.toc-item small{display:block;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.toc-item strong{display:block;margin-top:.15rem;font-weight:520}.toc-item[aria-current=true]{background:#e4a15a1f;border-color:#e4a15a73}.toc-foot{margin-top:auto;padding:.9rem 1rem 1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.toc-foot p{margin:0 0 .55rem}.genre-pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;color:var(--ink)}.page{background:var(--paper);color:var(--paper-ink);color-scheme:light;overflow:auto;min-width:0;padding:clamp(1.25rem,4vw,3.25rem);scrollbar-width:thin;scrollbar-color:#c4b8a8 transparent}.page-inner{max-width:40rem;margin:0 auto}.kicker{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;color:#8a5a22}.page h1{margin:.4rem 0 .7rem;font-family:var(--display);font-weight:560;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.03em;line-height:1.02}.summary{margin:0 0 1.6rem;font-family:var(--read);font-style:italic;color:var(--paper-muted)}.page .prose p{margin:0 0 1.05rem;font-family:var(--read);font-size:1.14rem;line-height:1.7;overflow-wrap:break-word}.chunk.live,.chunk.live.on{background:#f3e0bc;border-radius:.15em}.chunk.live.on{background:var(--live)}.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e4d9c8}.pager button{background:none;border:0;color:#8a5a22;padding:.4rem 0;min-height:2.75rem}.pager button:disabled{color:#b3a89c;cursor:not-allowed}.keys{margin:1.4rem 0 0;color:#8d8174;font-family:var(--sans);font-size:.82rem}.player{position:fixed;left:0;right:0;bottom:0;z-index:6;background:#120f0df0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.7rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.player-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(240px,1.4fr) minmax(0,.9fr);gap:.8rem 1rem;align-items:center}.now{display:flex;align-items:center;gap:.75rem;min-width:0}.mini{--h: 28;width:2.75rem;height:3.4rem;flex:0 0 auto;border-radius:8px;background:linear-gradient(165deg,hsl(var(--h) 32% 36%),hsl(var(--h) 42% 12%));box-shadow:inset 0 0 0 1px hsl(var(--h) 40% 70% / .3)}.now-copy{min-width:0}.now-copy strong,.now-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-copy strong{font-size:.95rem}.now-copy span{color:var(--amber);font-size:.8rem}.transport{display:flex;flex-direction:column;gap:.25rem;min-width:0}.controls{display:flex;align-items:center;justify-content:center;gap:.85rem}.controls button{background:none;border:0;color:var(--muted);width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:999px}.controls button:disabled{opacity:.35;cursor:not-allowed}.play{width:2.9rem!important;height:2.9rem!important;background:var(--amber)!important;color:var(--amber-ink)!important}.bars{display:flex;align-items:flex-end;gap:3px;height:14px;width:14px;visibility:hidden}.bars i{display:block;width:3px;height:4px;background:currentColor;border-radius:2px}.playing .bars{visibility:visible}.playing .bars i{animation:bar .9s ease-in-out infinite}.playing .bars i:nth-child(2){animation-delay:.15s}.playing .bars i:nth-child(3){animation-delay:.3s}@keyframes bar{0%,to{height:4px}50%{height:14px}}.scrub{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}input[type=range]{--pct: 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.75rem;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--amber) var(--pct),#3a322a var(--pct))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;background:#f6f1e8}input[type=range]::-moz-range-track{height:6px;border:0;border-radius:99px;background:linear-gradient(90deg,var(--amber) var(--pct),#3a322a var(--pct))}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#f6f1e8}.tone-toggle,.tone-label{display:none}.tools{display:flex;justify-content:flex-end;align-items:center;gap:.55rem;flex-wrap:wrap}.tools label{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.78rem}.tools select{background:var(--raise-2);border:1px solid var(--line);border-radius:8px;padding:.35rem .4rem;max-width:9.5rem}.vol{width:5.5rem}.status{max-width:1100px;margin:.15rem auto 0;min-height:1.1rem;color:var(--muted);font-size:.82rem}@media(max-width:860px){.player-grid{grid-template-columns:1fr;gap:.2rem}.now{display:none}.tools{justify-content:flex-start}.tag{display:none}.reader{grid-template-columns:1fr}.toc{border-right:0;border-bottom:1px solid var(--line)}.toc-list{flex-direction:row;overflow-x:auto;padding-bottom:.8rem}.toc-item{min-width:11.5rem}.toc-foot{display:none}.stage{padding-bottom:7.4rem}.player{padding-top:.4rem}.status:empty{display:none}.tone-label{display:inline-flex;position:absolute;right:.85rem;top:.55rem;align-items:center;min-height:2.25rem;padding:.2rem .75rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);width:fit-content}.tone-toggle{position:absolute;opacity:0;pointer-events:none}.tone-toggle:focus-visible+.tone-label{outline:2px solid var(--amber);outline-offset:3px}.tone-toggle:checked+.tone-label{color:var(--amber-ink);background:var(--amber);border-color:transparent}.tools{display:none}.tone-toggle:checked~.tools{display:flex;justify-content:flex-start;padding-top:.35rem}.page h1{overflow-wrap:anywhere}}@media(max-width:420px){.top,.stage{padding-left:.85rem;padding-right:.85rem}.shelf{grid-template-columns:1fr 1fr;gap:.9rem .7rem}.lede h1{font-size:2.15rem}.page{padding:1.1rem 1rem 1.4rem}.page .prose p{font-size:1.05rem}.tools select{max-width:100%}}@media(pointer:coarse){.chip,.toc-item,.skip,.back,.tools select{min-height:2.75rem}.icon-btn,.controls button{width:2.75rem;height:2.75rem}.scrub input,.tools input[type=range]{min-height:2.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}