.story-gate{--g-panel: var(--gate-panel, #f4ecdd);--g-ink: var(--gate-ink, #2e261d);--g-muted: var(--gate-muted, #7b6a55);--g-line: var(--gate-line, #4a39281f);--g-accent: var(--gate-accent, #8a5a2b);--g-accent-ink: var(--gate-accent-ink, #fff8ec);--g-scrim: var(--gate-scrim, #1a120a55);position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:88px 16px 24px;background:radial-gradient(ellipse at center,var(--g-scrim) 0%,transparent 72%);animation:story-gate-in .45s ease both;pointer-events:none}.story-gate.leaving{opacity:0;pointer-events:none;transition:opacity .3s ease}@keyframes story-gate-in{0%{opacity:0}}.story-gate-card{pointer-events:auto;width:min(560px,100%);max-height:calc(100dvh - 112px);overflow:auto;padding:30px 32px 24px;border-radius:22px;background:color-mix(in srgb,var(--g-panel) 94%,transparent);color:var(--g-ink);border:1px solid var(--g-line);box-shadow:0 30px 80px -30px #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.story-gate-kicker{margin:0 0 8px;font-size:13px;color:var(--g-muted)}.story-gate h1{margin:0;font-size:clamp(28px,4.2vw,40px);font-weight:500;line-height:1.3}.story-gate-line{margin:10px auto 22px;max-width:42ch;font-size:15px;line-height:1.8;color:var(--g-muted)}.story-gate-play{width:100%;min-height:64px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:11px 18px;line-height:1.35;border:0;border-radius:16px;background:var(--g-accent);color:var(--g-accent-ink);font:inherit;cursor:pointer;text-align:start;box-shadow:0 10px 24px -12px var(--g-accent);transition:transform .15s ease,filter .15s ease}.story-gate-play:hover{filter:brightness(1.06)}.story-gate-play:active{transform:scale(.99)}.story-gate .story-gate-play:focus-visible,.story-gate button:focus-visible,.story-gate select:focus-visible{outline:2px solid color-mix(in srgb,var(--g-ink) 55%,transparent);outline-offset:3px}.story-gate-play-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--g-accent-ink) 18%,transparent)}.story-gate-play-text{display:grid;gap:2px;text-align:start}.story-gate-play strong{line-height:1.3;font-size:19px;font-weight:600}.story-gate-play small{line-height:1.3;font-size:13px;opacity:.85}.story-gate-restart{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 8px;border:0;background:none;color:var(--g-muted);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.story-gate-reciter{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 6px;font-size:13px;color:var(--g-muted)}.story-gate-reciter select{max-width:240px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--g-line);background:color-mix(in srgb,var(--g-panel) 70%,#fff 30%);color:var(--g-ink);font:inherit;font-size:14px}.story-gate-more{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:12px 0 18px}.story-gate-more button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 6px;border:0;background:none;color:var(--g-ink);font:inherit;font-size:14px;cursor:pointer;border-bottom:1px solid var(--g-line)}.story-gate-more button:hover{border-bottom-color:var(--g-ink)}.story-gate-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:0;padding-top:14px;border-top:1px solid var(--g-line);font-size:12.5px;color:var(--g-muted)}.story-gate-sound{display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.story-gate{place-items:end center;padding:72px 10px 10px;background:linear-gradient(to top,var(--g-scrim),transparent 70%)}.story-gate-card{padding:20px 18px 16px;border-radius:20px}.story-gate-line{margin:6px auto 14px;font-size:14px;line-height:1.7}.story-gate-play{min-height:58px}.story-gate-reciter{margin-top:12px}.story-gate-more{margin:8px 0 12px}.story-gate-meta{justify-content:center}}@media(prefers-reduced-motion:reduce){.story-gate,.story-gate.leaving{animation:none;transition:none}}.story-gate-play.has-progress{position:relative;overflow:hidden}.story-gate-play.has-progress small{font-variant-numeric:tabular-nums}.story-gate-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:color-mix(in srgb,var(--g-accent-ink) 75%,transparent);transform:scaleX(var(--gate-progress, 0));transform-origin:left center;transition:transform .25s linear}.story-gate[dir=rtl] .story-gate-progress{transform-origin:right center}.story-gate-note{margin:-8px auto 18px;max-width:44ch;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--g-ink) 7%,transparent);font-size:13px;line-height:1.7}.story-gate.story-gate-reduced,.story-gate.story-gate-reduced.leaving,.story-gate.story-gate-reduced .story-gate-progress{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.story-gate-progress{transition:none}}