@import url('/fonts.css');
:root{color-scheme:dark;--night:#142332;--panel:#203547;--cream:#f5edda;--muted:#c2c9c9;--gold:#edc984}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font:18px/1.65 Nunito,'Trebuchet MS',sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--gold);text-underline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{opacity:.6;cursor:default}[hidden]{display:none!important}.skip-link{position:absolute;left:15px;top:-100px;padding:10px;background:var(--night);z-index:10}.skip-link:focus{top:15px}.bedtime-header{max-width:1180px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:600 1.9rem Fredoka,sans-serif;text-decoration:none;color:var(--cream);letter-spacing:-.035em}.brand span{color:var(--gold)}.bedtime-header>a:last-child{font-size:1rem}main{max-width:1120px;margin:auto;padding:35px 40px 65px}.eyebrow{font-size:.875rem;font-weight:800;letter-spacing:.13em;color:var(--gold);margin:0 0 14px}h1,h2{font-family:Fredoka,'Trebuchet MS',sans-serif;font-weight:500;line-height:1.12}h1{font-size:clamp(2.7rem,6vw,4.8rem);margin:0 0 22px}h1 span{color:var(--gold)}.bedtime-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:0 50px}.bedtime-intro .eyebrow{grid-column:1/-1}.bedtime-intro>p:last-child{max-width:390px;color:var(--muted);margin:0 0 28px}.day-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:28px 0}.day-picker button{padding:13px 5px;min-height:72px;background:transparent;color:var(--cream);border:1px solid #78909d66;border-radius:14px;font-size:1rem}.day-picker small{display:block;font-size:.875rem;color:var(--muted)}.day-picker button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--night);font-weight:800}.day-picker button[aria-pressed=true] small{color:#344551}.listening-room{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;background:var(--panel);padding:34px;border:1px solid #78909d44;border-radius:26px}.story-art{margin:0}.story-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px;filter:brightness(.85) saturate(.75)}.story-art figcaption{color:var(--muted);font-size:.875rem;text-align:center;margin-top:12px}.story-player{min-width:0}.story-player h2{font-size:clamp(1.9rem,3vw,2.65rem);margin:0 0 16px}.story-player>p:not(.eyebrow){font-size:1rem}.story-player #story-description{color:var(--muted);margin:0 0 22px}.listen-button{width:100%;min-height:58px;border:0;background:var(--gold);color:var(--night);font-weight:800;border-radius:30px;padding:12px 18px}.listen-button:hover{background:#f6d99f}audio{display:block;width:100%;height:46px;margin:15px 0;color-scheme:dark}.player-options{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.875rem}.player-options button,.player-options select{min-height:44px;padding:8px 12px;background:#142332;border:1px solid #94a2ab77;border-radius:10px;color:var(--cream);font-size:.875rem}.player-options label{display:flex;align-items:center;gap:8px}.playback-status{color:var(--muted);min-height:26px;margin:16px 0 10px}#download{font-size:.875rem}.story-player .voice-note{font-size:.875rem;color:var(--muted);margin:12px 0 0}.story-details{margin-top:36px}details{border-top:1px solid #78909d55;border-bottom:1px solid #78909d55;padding:20px 0}summary{cursor:pointer;font-size:1.1rem;font-weight:800;min-height:44px;padding:7px 0}.transcript{max-width:680px;margin:40px auto 60px;scroll-margin-top:25px}.transcript h2{font-size:2rem}.transcript>p:not(.eyebrow){line-height:1.85}.story-downloads{font-size:1rem}.take-home{margin:35px 0}.take-home h2{font-size:1.65rem}.take-home a{display:inline-block;padding:13px 18px;border:1px solid #78909d77;border-radius:12px;font-size:1rem}.parent-note{color:var(--muted);font-size:1rem;max-width:790px}footer{max-width:1040px;margin:0 auto;padding:25px 40px 50px;border-top:1px solid #78909d44;font-size:.875rem;color:var(--muted)}footer p{max-width:700px}
body.dimmed{background:#050a10}body.dimmed .bedtime-header,body.dimmed .bedtime-intro,body.dimmed .day-picker,body.dimmed .story-art,body.dimmed .story-details,body.dimmed footer,body.dimmed #story-description,body.dimmed #download,body.dimmed .voice-note{display:none}body.dimmed main{min-height:100dvh;display:grid;place-items:center;padding:28px}body.dimmed .listening-room{display:block;width:min(500px,100%);background:#0b131d;border-color:#243341;padding:25px}body.dimmed .listen-button{background:#58606b;color:#fff}body.dimmed .story-player h2,body.dimmed .eyebrow{color:#b1b8c2}body.dimmed audio{opacity:.65}
@media(max-width:800px){.bedtime-header{padding:22px 24px}main{padding:25px 24px 45px}.bedtime-intro{display:block}.bedtime-intro>p:last-child{max-width:none}.listening-room{gap:25px;padding:25px;grid-template-columns:.75fr 1.25fr}.day-picker{grid-template-columns:repeat(4,1fr)}.story-player h2{font-size:2rem}}
@media(max-width:570px){body{font-size:16px}.bedtime-header{padding:20px}.brand{font-size:1.65rem}.bedtime-header>a:last-child{font-size:.875rem}main{padding:20px}.eyebrow{font-size:.875rem;letter-spacing:.08em}.bedtime-intro h1{font-size:3.3rem}.day-picker{gap:6px}.day-picker button{font-size:.875rem;min-height:66px}.listening-room{display:block;padding:24px}.story-art{display:none}.story-player h2{font-size:2.15rem}.player-options{gap:8px}.player-options button,.player-options select{padding:7px 10px}.parent-note{font-size:.875rem}footer{padding:24px 20px 40px}}