:root{--bg: #f2ede1;--bg-deep: #e8dfcb;--ink: #14110d;--ink-soft: #4d4538;--rule: #2b2418;--redwood: #7a2317;--redwood-dark: #54180f;--moss: #2f4a38;--gold: #b07d2a;--indigo: #283358;--cream: #f8f3e6;--display: "Fraunces", "Newsreader", Georgia, serif;--body: "Newsreader", Georgia, serif;--ui: "Fraunces", "Newsreader", Georgia, serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color:var(--ink);background:var(--ink);font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;height:100dvh;overflow:hidden}button,select,input{font:inherit}button,.file-picker{border:1px solid rgba(255,255,255,.24);background:var(--gold);color:var(--ink);border-radius:6px;padding:.62rem .86rem;min-height:40px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:hover:not(:disabled),.file-picker:hover{background:#c18d38}#app{height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:var(--ink);color:var(--cream);border-bottom:1px solid rgba(255,255,255,.14)}.identity{display:flex;align-items:center;gap:.85rem;min-width:0}.identity-link{color:inherit;text-decoration:none}.identity-link:hover{color:inherit}.reader-logo{width:42px;height:45px;object-fit:contain;display:block}.eyebrow{color:var(--gold);font-family:var(--ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}h1,h2{margin:0}.identity h1{font-family:var(--display);font-weight:380;font-size:clamp(1.1rem,2vw,1.35rem)}.loaders{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.top-controls-toggle{display:none;flex:0 0 auto;border-color:#f8f3e647;background:transparent;color:var(--cream);white-space:nowrap}.top-controls-toggle[hidden]{display:none}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.file-picker{position:relative}.loaders select{width:min(320px,34vw);min-height:40px;border-color:#f8f3e65c;background:#f8f3e6e6}.reader-shell{min-height:0;display:grid;background:var(--moss);overflow:hidden}.stage-wrap{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.68rem 1rem;background:var(--bg);border-bottom:1px solid rgba(43,36,24,.24)}.stage-info{min-width:0}.book-meta{margin-bottom:.35rem;color:var(--ink-soft);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(70vw,820px)}select{border:1px solid rgba(43,36,24,.32);border-radius:6px;background:var(--cream);color:var(--ink);min-height:36px;padding:0 .6rem}.chapter-controls{display:flex;align-items:center;gap:.5rem}.chapter-controls[hidden]{display:none}#chapterSelect{width:min(560px,58vw);max-width:100%;overflow:hidden;text-overflow:ellipsis}.status{color:var(--ink-soft);font-size:.9rem;text-align:right}.canvas-frame{position:relative;min-height:0;overflow:hidden;background:var(--bg)}#readerCanvas{width:100%;height:100%;display:block;touch-action:none}.loading-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:1rem;background:#f2ede1db}.loading-overlay[hidden]{display:none}.loading-panel{width:min(360px,100%);border:1px solid rgba(43,36,24,.28);border-radius:8px;background:var(--cream);box-shadow:0 18px 42px #14110d2e;padding:1rem}.loading-label{margin-bottom:.72rem;color:var(--ink);font-family:var(--display);font-size:1rem;font-weight:520}.loading-track{height:9px;overflow:hidden;border:1px solid rgba(43,36,24,.22);border-radius:999px;background:var(--bg-deep)}.loading-bar{width:0%;height:100%;border-radius:inherit;background:var(--redwood)}.loading-overlay.is-indeterminate .loading-bar{width:38%;animation:loading-slide 1.1s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-110%)}to{transform:translate(275%)}}.transport{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:.8rem;padding:.72rem 1rem .68rem;background:var(--ink);color:var(--cream);border-top:2px solid var(--gold);position:sticky;bottom:0;z-index:4}.transport-main,.transport-settings{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.transport-settings{grid-column:1 / -1;gap:.8rem}.transport-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding-inline:.62rem;background:transparent;border-color:#f8f3e647;color:var(--cream);font-family:var(--ui);font-size:.85rem;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;touch-action:manipulation}.transport-svg{display:block;flex:0 0 auto;width:24px;height:24px}.transport-svg-filled{fill:currentColor;stroke:none}.chapter-skip-svg,.playback-icon{width:20px;height:20px}#playbackToggleButton:not(.is-playing) .playback-pause,#playbackToggleButton.is-playing .playback-play{display:none}.transport-button:disabled{background:transparent;color:#f8f3e68f;opacity:1}#playbackToggleButton{min-width:44px;padding-inline:.5rem}.transport-button.primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}#playbackToggleButton.is-playing{background:var(--redwood);border-color:var(--redwood);color:var(--cream)}#previousSectionButton,#nextSectionButton{border-color:#2f4a38f2;box-shadow:inset 0 -3px 0 var(--moss)}#rewindButton,#forwardButton{border-color:#283358f2;box-shadow:inset 0 -3px 0 var(--indigo)}.transport label{display:flex;align-items:center;gap:.45rem;color:#f8f3e6cc;font-size:.95rem}.transport .range-control{display:grid;grid-template-columns:4.8rem 8rem 3.8rem;align-items:center;justify-content:start;gap:.45rem;min-width:0}.transport .range-control input[type=range]{width:8rem;min-width:0}.transport .range-control span,.scrub-control{min-width:0}.transport input[type=range]{width:112px;accent-color:var(--gold)}.transport input[type=range]:disabled{cursor:not-allowed;opacity:.45}.transport .scrub-control input[type=range]{flex:1;width:auto;min-width:160px}.transport select{width:auto;min-height:34px;border-color:#f8f3e647;background:var(--cream)}.transport span{min-width:3.4ch;color:var(--cream);font-variant-numeric:tabular-nums}.advanced-controls{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.advanced-controls[hidden]{display:none}#advancedOptionsButton{min-height:34px;padding:0 .72rem;background:transparent;border-color:#f8f3e647;color:var(--cream);font-family:var(--body)}.controls-collapsed .reader-bar .loaders,.controls-collapsed .book-meta,.controls-collapsed .status,.controls-collapsed #chapterSelect,.controls-collapsed .scrub-control,.controls-collapsed .transport-settings,.controls-collapsed #previousSectionButton,.controls-collapsed #rewindButton,.controls-collapsed #forwardButton,.controls-collapsed #nextSectionButton{display:none}.controls-collapsed .top-controls-toggle{display:inline-flex;align-items:center;justify-content:center}.controls-collapsed .stage-wrap{grid-template-rows:minmax(0,1fr) auto}.controls-collapsed .stage-header{display:none}.controls-collapsed .chapter-controls{justify-content:flex-end}.controls-collapsed .transport{grid-template-columns:1fr;padding:.45rem .75rem}.controls-collapsed .transport-main{justify-content:center}audio{display:none}@media(max-width:980px){.reader-shell{grid-template-columns:1fr}}@media(max-width:680px){.reader-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity open" "hosted load";align-items:center;gap:.55rem .65rem;padding:.68rem 1rem}.controls-collapsed .reader-bar{grid-template-areas:"identity show"}.identity{grid-area:identity;gap:.65rem}.reader-logo{width:36px;height:38px}.eyebrow{font-size:.66rem;line-height:1.18}.identity h1{font-size:1rem;line-height:1.06}.loaders{display:contents}.top-controls-toggle{grid-area:show;min-height:40px;padding-inline:.72rem}#hostedBookSelect{grid-area:hosted;width:100%;min-width:0}#loadHostedBookButton{grid-area:load;width:auto;white-space:nowrap;padding-inline:.72rem}.reader-bar .file-picker{grid-area:open;width:auto;white-space:nowrap;padding-inline:.72rem}.stage-header{align-items:flex-end;gap:.6rem;padding:.54rem 1rem}.stage-info{width:100%}.status{display:none}.transport{grid-template-columns:1fr;align-items:stretch;gap:.55rem;padding:.6rem 1rem}.transport-main,.transport-settings{justify-content:stretch}.transport-main{justify-content:center}.transport-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem}.transport-settings>label{min-width:0}.transport-settings>label:first-child{grid-column:1 / -1}.transport .range-control{grid-template-columns:4.8rem 8rem 3.8rem;width:max-content;max-width:100%}.transport-settings>label,#advancedOptionsButton,.advanced-controls{grid-column:auto}#advancedOptionsButton,.advanced-controls{grid-column:1 / -1}.stage-header button,.stage-header select,.transport select{width:auto}.transport-main .transport-button{flex:0 0 auto;width:auto}.chapter-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;width:100%}.scrub-control{width:100%}#chapterSelect{width:100%;max-width:100%;min-width:0}#chapterToggleButton{flex:0 0 auto;white-space:nowrap;padding-inline:.7rem}.book-meta{max-width:100%}}