/* Parent-led, silent presentation. Contained foregrounds preserve faces and details. */
.storytime-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.storytime-intro h1{font-size:clamp(42px,5vw,70px);}
.storytime-intro p:not(.plate){margin-top:24px;max-width:48ch;}
.storytime-poster{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--slough-deep);border:1px solid var(--edge);}
.storytime-silent{color:var(--signal-hi);font:15px var(--ledger);}
.storytime-setup-controls{display:grid;grid-template-columns:1.2fr 1.2fr .7fr;gap:22px;padding:30px;margin-top:40px;border:1px solid var(--edge);background:var(--plank);}
.storytime-setup-controls label{font:14px var(--ledger);color:var(--signal-hi);}
.storytime-setup-controls>label,.story-chooser>label{min-width:0;}
.storytime-setup-controls select,.story-chooser select{max-width:100%;}
.storytime-setup-controls select{display:block;width:100%;min-height:52px;margin-top:12px;background:var(--slough);border:1px solid var(--edge);color:var(--paper);padding:12px;font:16px var(--body);}
.storytime-setup-controls .btn{grid-column:1/-1;justify-self:start;min-height:54px;}
.storytime-hint{max-width:82ch;color:var(--muted);font-size:17px;margin-top:25px;}
.story-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
html.storytime-open,body.storytime-open{overflow:hidden;}
.story-stage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#0c100e;color:#f2ede1;isolation:isolate;}
.story-stage[open]{display:block;}
.story-stage::backdrop{background:#0c100e;}
.story-frames,.story-frame{position:absolute;inset:0;overflow:hidden;}
.story-frame{opacity:1;}
.story-backdrop{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;filter:blur(25px) brightness(.33) saturate(.72);opacity:.8;pointer-events:none;}
.story-picture{position:absolute;left:4%;top:4%;width:92%;height:92%;max-width:none;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;}
.story-topbar{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:calc(15px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 45px calc(20px + env(safe-area-inset-left));background:linear-gradient(#0c100eda,transparent);pointer-events:none;z-index:5;}
.story-brand{font:18px var(--wordmark);letter-spacing:.1em;text-shadow:0 2px 8px #000;}
.story-brand small{display:block;font:11px var(--ledger);margin-top:5px;color:#c6cbbd;}
.story-topbar>div{display:flex;gap:10px;}
.story-stage button,.story-stage select{min-width:48px;min-height:48px;border:1px solid #798773;background:#101812ee;color:#f2ede1;padding:11px 15px;font:14px/1.4 var(--ledger);cursor:pointer;touch-action:manipulation;border-radius:0;pointer-events:auto;}
.story-stage button:hover{background:#2b382a;}
.story-stage button:focus-visible,.story-stage select:focus-visible{outline:3px solid #f2bd63;outline-offset:4px;}
.story-stage button[aria-pressed=true]{color:#f2bd63;border-color:#e0a03a;}
.story-stage button:disabled{opacity:.65;cursor:default;}
.story-stage .story-exit{background:#0c100ef2;border-color:#b2bba7;}
.story-bottom{position:absolute;bottom:0;left:0;right:0;padding:55px calc(24px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));background:linear-gradient(transparent,#0c100ef2 30%,#0c100efb);z-index:4;max-height:78dvh;overflow-y:auto;}
.story-caption{max-width:1000px;pointer-events:none;}
.story-caption [data-story-count]{font:12px var(--ledger);color:#b9c2ac;letter-spacing:.08em;margin:0 0 7px;}
.story-stage .story-caption h3{font:clamp(25px,3vw,39px)/1.1 var(--display);margin:0 0 12px;}
.story-caption [data-story-caption-text]{font:17px/1.55 var(--body);color:#e7e3d6;max-width:82ch;margin:0 0 18px;}
.story-transport{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;}
.story-transport>label{font:13px var(--ledger);display:flex;gap:9px;align-items:center;}
.story-stage .story-transport [data-story-play]{min-width:112px;background:#e0a03a;color:#121714;border-color:#e0a03a;}
.story-transport [data-story-play]:hover{background:#f2bd63;}
.story-chooser{display:grid;grid-template-columns:1fr 1.4fr auto;gap:16px;align-items:end;padding:24px 0 5px;}
.story-chooser label{font:14px var(--ledger);}
.story-chooser select{display:block;width:100%;margin-top:10px;}
.story-status{color:#e5bd78;font:14px/1.5 var(--ledger);margin:12px 0 0;}
.story-status:empty{display:none;}
.story-stage.controls-hidden .story-bottom,.story-stage.controls-hidden .story-brand,.story-stage.controls-hidden [data-story-fullscreen]{visibility:hidden;pointer-events:none;}
.story-reveal{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:6;min-width:156px!important;background:#0c100eb8!important;}
.storytime-entry{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--edge);}
.storytime-entry p{margin:0;color:var(--muted);font-size:16px;}
@media(max-width:1000px){.storytime-intro{gap:30px;}.storytime-setup-controls{grid-template-columns:1fr 1fr;}.storytime-setup-controls .btn{grid-column:auto;align-self:end;}.storytime-setup-controls>label:last-of-type{grid-column:1;}.story-caption [data-story-caption-text]{max-width:70ch;}.story-chooser{grid-template-columns:1fr 1fr;}.story-chooser>button{grid-column:1/-1;justify-self:start;}}
@media(max-width:760px){.storytime-intro{grid-template-columns:1fr;}.storytime-intro p:not(.plate){margin-top:20px;}.storytime-setup-controls{padding:22px;gap:20px;grid-template-columns:1fr;}.storytime-setup-controls .btn{grid-column:1;width:100%;}.story-topbar{padding-left:12px;padding-right:12px;gap:8px;}.story-brand{font-size:13px;}.story-brand small{font-size:10px;}.story-topbar>div{gap:7px;}.story-topbar button{padding:10px;font-size:12px;}.story-bottom{padding:40px 16px calc(16px + env(safe-area-inset-bottom));}.story-caption [data-story-caption-text]{font-size:16px;line-height:1.5;max-height:6em;overflow-y:auto;pointer-events:auto;}.story-transport{gap:8px;}.story-stage button,.story-stage select{font-size:13px;padding:10px 12px;}.story-transport [data-story-play]{min-width:96px;}.story-chooser{grid-template-columns:1fr;gap:12px;}.story-transport>label{font-size:12px;}.story-picture{left:3%;top:4%;width:94%;height:92%;}}
@media(max-height:550px) and (min-width:600px){.story-caption [data-story-caption-text]{display:none;}.story-bottom{padding-top:25px;}.story-caption h3{font-size:25px!important;}.story-transport{gap:8px;}.story-chooser{grid-template-columns:1fr 1fr auto;padding:15px 0;}.story-chooser>button{grid-column:auto;}.story-stage button,.story-stage select{font-size:12px;padding:9px 11px;}}
@media(prefers-reduced-motion:reduce){.story-picture{will-change:auto;}.story-stage *{scroll-behavior:auto!important;}}