@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--ink:#f4f0e8;--muted:#b4b7b7;--gold:#dfb77b;--panel:#10171b;--hair:rgba(255,255,255,.15);font-family:'DM Sans',system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#0b1013;color:var(--ink)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}.backdrops,.shade{position:fixed;inset:0;pointer-events:none}.backdrops{z-index:-3;background:#11191d;overflow:hidden}.backdrop{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.35s ease;transform:scale(1.025)}.backdrop.active{opacity:1;animation:breathe 45s ease-in-out infinite alternate}.shade{z-index:-2;background:linear-gradient(90deg,rgba(5,12,17,.93),rgba(6,13,18,.71) 38%,rgba(5,12,17,.1) 80%),linear-gradient(0deg,rgba(5,10,14,.98),transparent 38%,rgba(5,10,14,.3))}.app{width:min(1800px,100%);min-height:100svh;margin:auto;padding:22px 56px 15px;display:flex;flex-direction:column}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.19em;line-height:1.4}.brand b{font-weight:600}.brand-mark{font-family:Georgia,serif;color:var(--gold);border:1px solid rgba(223,183,123,.55);font-size:32px;line-height:1;width:46px;height:46px;display:grid;place-items:center}.header-actions{display:flex;gap:18px;align-items:center}.quiet-button,.icon-button,.text-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px}.quiet-button{font-size:13px;min-height:42px}.icon-button{font-size:23px;width:42px;height:42px;border-radius:50%}.icon-button:hover,.quiet-button:hover{background:rgba(255,255,255,.07)}.muted{color:var(--muted);font-size:11px}.main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:24px 0 20px;gap:0}.scene-meta{display:flex;align-items:center;gap:10px;color:#ddd6ca;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.live-dot{height:5px;width:5px;background:var(--gold);border-radius:100%;box-shadow:0 0 12px #e2b278}.reading{width:min(720px,59vw);padding:0 25px 0 0;transition:opacity .5s ease}.reading.changing{opacity:0;transition-duration:.26s}.chapter-line{display:flex;align-items:center;margin-bottom:14px;gap:15px;color:var(--gold);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.line{width:45px;height:1px;background:rgba(223,183,123,.5)}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.08em;margin:24px 0 10px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1{font-size:clamp(34px,3.8vw,56px);line-height:1.06;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}.caption{font-size:12px;color:var(--gold);margin:0 0 21px}.story-scroll{overflow:visible;padding-right:0}.story-text{font-size:clamp(15px,1.15vw,18px);line-height:1.7;color:#e3e4df}.story-text p{margin:0 0 .8em}.story-text p:last-child{margin-bottom:0}.chapter-end{border-top:1px solid var(--hair);margin-top:20px;padding-top:15px;color:var(--gold);font-size:13px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}[hidden]{display:none!important}.text-button{padding:6px 0;color:var(--ink);font-size:13px}.player{border-top:1px solid var(--hair);padding-top:16px}.player-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.chapter-now{display:flex;gap:15px;align-items:center;font-size:12px}.tiny-label{font-size:9px;letter-spacing:.18em;color:var(--gold);font-weight:600}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}progress{display:block;width:100%;height:2px;appearance:none;border:0;background:rgba(255,255,255,.13);margin:15px 0}progress::-webkit-progress-bar{background:rgba(255,255,255,.13)}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.transport{display:flex;align-items:center;gap:22px;min-height:48px}.transport-main{display:flex;align-items:center;gap:14px}.play-button{background:var(--gold);color:#172024;border-radius:3px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;font-weight:600;font-size:13px;white-space:nowrap}.play-button:hover{background:#eacb9d}.status{font-size:11px;color:#bfc4c4;line-height:1.5;flex:1}.sound-shortcut{margin-left:auto}.ai-note{font-size:9px;color:#858f94;letter-spacing:.025em;margin:16px 0 0}.skip{position:fixed;top:-60px;left:20px;background:#111;padding:15px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#10181c;color:var(--ink);border:1px solid var(--hair);padding:35px;max-height:86svh;box-shadow:0 20px 100px #0008;border-radius:4px;width:min(840px,calc(100% - 32px));scrollbar-width:thin}dialog::backdrop{background:#02070bbf;backdrop-filter:blur(8px)}h2{font-size:39px;line-height:1.1;margin:0;letter-spacing:-.02em}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-heading .tiny-label{margin-top:0}.dialog-description{font-size:13px;line-height:1.6;color:var(--muted);margin:18px 0 25px}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chapter-card{position:relative;display:flex;align-items:center;text-align:left;gap:15px;min-height:86px;padding:17px 15px;background:#ffffff05;border:1px solid #ffffff09;border-radius:2px}.chapter-card:hover{border-color:#dfb77b70;background:#ffffff09}.chapter-card.current{border-color:#dfb77b80}.chapter-number{font-family:Georgia,serif;font-size:27px;color:#998771;min-width:35px}.chapter-card.current .chapter-number{color:var(--gold)}.chapter-card-name{display:block;font-size:13px;line-height:1.4}.chapter-card-detail{font-size:10px;color:var(--muted);display:block;margin-top:7px}.settings-dialog{width:min(430px,calc(100% - 32px))}.slider-row{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px;margin:25px 0}.slider-row output{color:var(--muted);font-size:11px}.slider-row input{grid-column:1/-1;width:100%;accent-color:var(--gold)}.check-row{display:flex;align-items:center;gap:10px;font-size:13px;margin:25px 0}.check-row input{accent-color:var(--gold)}.outline-button{padding:12px 16px;background:transparent;border:1px solid var(--hair);font-size:12px}.small-note{font-size:11px;color:var(--muted);line-height:1.7;margin:20px 0 0}.intro-dialog{max-width:490px;padding:44px}.intro-dialog h2{font-size:50px;margin:22px 0}.intro-dialog>p:not(.small-note){font-size:14px;color:#c5cbcb;line-height:1.8}.intro-dialog .play-button{margin-top:17px}.reduced .backdrop{animation:none;transition-duration:.1s}.reduced .reading{transition-duration:.1s}@keyframes breathe{from{transform:scale(1.025)}to{transform:scale(1.09)}}
/* Leave the illustrated action on the left and the reading surface on the right. */
@media(min-width:901px){.main{align-items:flex-end}.reading{padding:0 0 0 25px}.scene-meta{width:min(720px,59vw);padding-left:25px}.shade{background:linear-gradient(270deg,rgba(5,12,17,.95),rgba(6,13,18,.75) 38%,rgba(5,12,17,.08) 82%),linear-gradient(0deg,rgba(5,10,14,.98),transparent 38%,rgba(5,10,14,.3))}}
@media(min-width:1500px){.app{padding-left:5vw;padding-right:5vw}.reading,.scene-meta{width:720px}.story-text{font-size:18px}}
@media(max-width:900px){.app{padding:25px 30px 15px}.reading{width:min(720px,100%);padding:0}.shade{background:linear-gradient(90deg,#061015df,#06101580 75%),linear-gradient(0deg,#071015ff,transparent 85%)}.status{max-width:240px}.chapter-now .tiny-label{display:none}.transport{gap:14px}.transport-main{gap:6px}}
@media(max-width:600px){.app{padding:19px 21px 14px;min-height:100svh}.brand{font-size:9px;gap:9px}.brand-mark{width:36px;height:36px;font-size:26px}.header-actions{gap:5px}.header-actions .quiet-button{font-size:12px;gap:7px}.main{padding:24px 0 20px;min-height:0;gap:0}.backdrop{background-position:60% center}.shade{background:linear-gradient(0deg,#081116 10%,#081116ef 38%,#08111660 76%,#08111640)}.reading{width:100%;padding:0}.scene-meta{font-size:9px;letter-spacing:.09em}.eyebrow{font-size:10px;margin-top:19px}h1{font-size:36px;line-height:1.08}.caption{font-size:11px}.story-scroll{padding-right:0}.story-text{font-size:15px;line-height:1.7}.chapter-line{font-size:9px;letter-spacing:.1em;gap:11px}.player-heading{gap:12px}.chapter-now{font-size:11px;max-width:75%;line-height:1.4}.time{font-size:10px;white-space:nowrap}.transport{flex-wrap:wrap;gap:4px}.transport-main{gap:8px}.play-button{min-width:118px;padding:12px 17px}.replay{font-size:21px;width:35px}.replay span{display:none}.status{order:3;max-width:none;flex-basis:100%;font-size:10px;margin:9px 0 2px;min-height:15px}.sound-shortcut{font-size:11px}.ai-note{font-size:8px;line-height:1.6;margin-top:9px}.chapter-list{grid-template-columns:1fr}dialog{padding:24px}.intro-dialog{padding:30px}.intro-dialog h2{font-size:44px}.dialog-heading h2{font-size:33px}.chapter-card{min-height:77px}.chapter-end{font-size:12px}.chapter-end .text-button{font-size:12px}}
@media(max-height:750px) and (min-width:601px){.app{padding-top:20px}.main{padding-top:18px;padding-bottom:18px;gap:0}h1{font-size:42px}.eyebrow{margin-top:14px}.caption{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.backdrop{animation:none}.backdrop,.reading{transition-duration:.1s}}

@media(max-width:350px){.masthead{gap:8px}.header-actions .muted{display:none}.chapter-now{min-width:0}}