:root{color-scheme:dark;--night:#081c34;--panel:#112e4d;--ivory:#ffefcc;--gold:#ddb774;--muted:#b5c5d6;--aqua:#80d5cd;font-size:16px}
*{box-sizing:border-box}html{background:var(--night)}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#153653 0,transparent 55%),var(--night);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.card-title{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1,h2,h3{line-height:1.2}a,button,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,main:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled,input:disabled{cursor:not-allowed}img{display:block;max-width:100%;height:auto}button{color:inherit}svg{flex-shrink:0}a,button{touch-action:manipulation}.skip-link{position:fixed;top:-150px;left:16px;z-index:10;padding:12px 18px;background:var(--ivory);color:var(--night)}.skip-link:focus{top:12px}.site-header{max-width:1200px;margin:auto;min-height:88px;padding:20px 24px;border-bottom:1px solid #ffefcc20;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.65rem;line-height:1.2;font-weight:bold;min-height:44px;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.28em}.brand em{color:var(--gold);font-weight:400}.header-note{font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:9px}.eyebrow{font-size:.875rem;letter-spacing:.13em;color:var(--gold);font-weight:600;line-height:1.5}.library-main{max-width:1040px;margin:auto;padding:40px 24px 0}.library-intro{text-align:center}.library-intro h1{font-size:2.6rem;letter-spacing:-.025em;margin:10px 0 12px}.library-intro p:last-child{color:var(--muted)}.book-card{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:center;margin:30px auto 0;padding:30px 42px;max-width:890px;border:1px solid #ddb77440;border-radius:12px;background:linear-gradient(120deg,#14365499,#102b4699);box-shadow:0 20px 50px #0002}.cover-image{width:100%;height:auto;box-shadow:0 12px 30px #0004}.book-details h2{font-size:2.35rem;letter-spacing:-.02em;margin:14px 0 26px}.book-details h2 span{font-size:.86em;display:block;margin-top:6px}.primary-button{min-height:54px;padding:14px 22px;background:var(--ivory);border:1px solid var(--ivory);border-radius:6px;color:#102d51;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;line-height:1.4}.primary-button:hover:not(:disabled){background:#f7daa2;border-color:#f7daa2}.book-details .primary-button{width:100%;max-width:310px}.site-footer{max-width:1152px;margin:44px auto 0;padding:24px;border-top:1px solid #ffefcc18;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--muted);font-size:.875rem}.site-footer img{width:76px;height:auto}.player-main{max-width:1200px;margin:auto;padding:20px 24px 0}.back-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.9375rem;margin-bottom:22px}.back-link:hover{color:var(--ivory)}.listening-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.book-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center}.story-heading h1{font-size:1.9rem;letter-spacing:-.025em;margin:10px 0 14px}.story-heading h1 span{display:block;font-size:1.1em;margin-top:7px}.description{color:var(--muted);font-size:1rem}.player-panel{background:var(--panel);border:1px solid #ddb77440;border-radius:12px;padding:22px 26px;min-width:0}.player-panel h2{font-size:1.65rem;margin:7px 0 16px;overflow-wrap:anywhere}.player-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.player-actions .primary-button{min-width:116px;background:#c2c6c4;color:#354556;border-color:#c2c6c4}.secondary-button{border:1px solid #889bab;background:transparent;color:#bbc8d4;border-radius:6px;padding:12px 18px;min-height:54px}.player-notice{font-size:.875rem;color:var(--muted);margin-top:14px}.seek{margin-top:14px;display:flex;align-items:center;gap:14px}.seek input{width:100%;min-width:0;accent-color:var(--muted)}.seek label{font-size:.875rem;color:var(--muted)}.scene-section{margin-top:42px}.scene-heading{margin-bottom:20px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.scene-heading h2{font-size:1.8rem}.scene-heading p{font-size:.9375rem;color:var(--muted)}.spread-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.spread-grid li{min-width:0}.spread-card{width:100%;height:100%;display:flex;flex-direction:column;border:0;padding:0;background:var(--panel);text-align:center;border-radius:0 0 7px 7px;cursor:pointer;box-shadow:0 0 0 1px #ffffff10;transition:box-shadow .15s,background .15s}.spread-card[aria-pressed=true]{box-shadow:0 0 0 3px var(--gold);background:#1a3c56}.spread-card:hover{background:#1a3c56;box-shadow:0 0 0 2px #ddb77499}.spread-card:focus-visible{outline:3px solid var(--aqua);outline-offset:6px}.spread-card img{width:100%;height:auto;aspect-ratio:480/303}.card-title{padding:15px 12px;min-height:72px;display:flex;align-items:center;justify-content:center;flex:1;font-size:1.15rem;line-height:1.35;width:100%;overflow-wrap:anywhere}.story-heading,.book-details{min-width:0;overflow-wrap:anywhere}.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}.no-script{color:var(--muted);font-size:.875rem;margin-top:12px}
@media(max-width:767px){.site-header{min-height:76px;padding:16px 20px}.brand{font-size:1.4rem}.header-note span{display:none}.library-main{padding:28px 20px 0}.library-intro h1{font-size:2rem;margin-top:10px}.book-card{grid-template-columns:minmax(0,1fr);padding:24px;gap:23px;text-align:center;margin-top:26px}.library-cover{width:188px;max-width:100%;margin:auto}.book-details h2{font-size:1.75rem;margin:10px 0 20px}.book-details .primary-button{max-width:none}.book-details .eyebrow{font-size:.875rem}.site-footer{margin:30px 20px 0;padding:22px 0;gap:14px}.site-footer p{max-width:210px}.player-main{padding:14px 20px 0}.back-link{margin-bottom:17px}.listening-layout{grid-template-columns:minmax(0,1fr);gap:22px}.book-summary{grid-template-columns:96px minmax(0,1fr);gap:20px}.story-heading h1{font-size:1.35rem;margin:6px 0 9px}.story-heading h1 span{font-size:1.12em;margin-top:4px}.story-heading .eyebrow{font-size:.875rem;letter-spacing:.08em}.description{font-size:1rem;line-height:1.45}.player-panel{padding:19px 21px}.player-panel h2{font-size:1.5rem;margin-bottom:14px}.scene-section{margin-top:30px}.scene-heading{display:block;margin-bottom:17px}.scene-heading h2{font-size:1.6rem}.scene-heading p{margin-top:6px}.spread-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px}.card-title{font-size:1rem;line-height:1.4;padding:12px 8px;min-height:68px}}
@media(max-width:359px){.site-header{padding-inline:16px}.library-main,.player-main{padding-inline:16px}.book-card{padding:20px}.book-summary{grid-template-columns:80px minmax(0,1fr);gap:14px}.story-heading h1{font-size:1.25rem}.spread-grid{gap:16px 12px}.player-panel{padding:17px}.card-title{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.player-panel.is-audio-ready .primary-button{background:var(--ivory);border-color:var(--ivory);color:#102d51}.player-panel.is-audio-ready .primary-button:hover{background:#f7daa2;border-color:#f7daa2}.spread-card.is-unavailable{cursor:not-allowed;opacity:.48;filter:saturate(.62)}.spread-card.is-unavailable:hover{background:var(--panel);box-shadow:0 0 0 1px #ffffff10}.spread-card.is-unavailable:focus-visible{outline:3px solid var(--gold)}
.sticky-player{position:fixed;z-index:30;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(1200px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(180px,1.2fr);align-items:center;gap:14px;padding:12px 16px;background:rgba(17,46,77,.96);border:1px solid #ddb77466;border-radius:12px;box-shadow:0 14px 34px #0008;backdrop-filter:blur(12px)}.sticky-player[hidden]{display:none}.sticky-player-info{min-width:0;display:flex;flex-direction:column;gap:2px}.sticky-player-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.2}.sticky-player-title{font-family:Georgia,'Times New Roman',serif;font-size:1rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-player-controls{display:flex;align-items:center;gap:8px}.sticky-player-controls button{min-height:44px;padding:9px 13px}.sticky-player-controls .primary-button{min-width:106px}.sticky-seek{min-width:0;display:flex;align-items:center}.sticky-seek input{width:100%;accent-color:var(--gold)}body.has-sticky-player{padding-bottom:104px}
@media(max-width:767px){body.has-sticky-player{padding-bottom:146px}.sticky-player{width:calc(100% - 24px);bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 14px;border-radius:10px}.sticky-player-info{grid-column:1;grid-row:1}.sticky-player-controls{grid-column:2;grid-row:1}.sticky-seek{grid-column:1/-1;grid-row:2}.sticky-player-controls button{min-height:42px;padding:9px 11px}.sticky-player-controls .secondary-button{font-size:.875rem;padding-inline:10px}}
