:root{--pop-ink:#334155;--pop-blue:#dff4ff;--pop-cream:#fff9ed;--pop-coral:#ff8e72;--pop-yellow:#ffd865;--pop-green:#91d29a;--pop-purple:#b99be8;--pop-white:#fff;--pop-shadow:0 18px 50px rgba(59,72,93,.13)}
.pop-story-shell{max-width:1180px;margin:0 auto;padding:24px;font-family:ui-rounded,"Nunito","Avenir Next",system-ui,sans-serif;color:var(--pop-ink);line-height:1.65}.pop-story-shell *{box-sizing:border-box}.pop-story-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;background:linear-gradient(135deg,#e8f8ff,#fff7e8 55%,#f7edff);border-radius:34px;padding:42px;box-shadow:var(--pop-shadow);overflow:hidden}.pop-story-kicker,.pop-section-label{font-size:.76rem;font-weight:900;letter-spacing:.12em;color:#5f6d7a}.pop-story-hero h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.02;margin:.4rem 0 1rem;color:#31425a}.pop-story-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.pop-story-tags span{background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;box-shadow:0 7px 18px rgba(59,72,93,.08)}.pop-story-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pop-button,.pop-share-actions button{border:0;border-radius:999px;padding:13px 18px;font-weight:900;cursor:pointer;text-decoration:none;color:#334155}.pop-listen{background:var(--pop-yellow)}.pop-watch{background:var(--pop-coral)}.pop-read{background:var(--pop-green)}.pop-story-cover{aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 16px 35px rgba(59,72,93,.16);transform:rotate(1deg)}.pop-story-cover img,.pop-scene-image img,.pop-character-photo img{width:100%;height:100%;object-fit:cover}.pop-cover-placeholder{height:100%;display:grid;place-items:center;font-size:7rem;background:linear-gradient(#ccefff 55%,#bfe6a9)}.pop-cover-placeholder span{position:absolute;font-size:4rem}.pop-listen-card,.pop-watch-card,.pop-parent-note,.pop-share-card{margin-top:28px;border-radius:28px;padding:28px;background:#fff;box-shadow:var(--pop-shadow)}.pop-listen-card{display:grid;grid-template-columns:1fr minmax(280px,.8fr);align-items:center;gap:30px;background:linear-gradient(135deg,#fff6cf,#fff)}.pop-listen-card audio{width:100%}.pop-section-heading{text-align:center;margin:56px auto 24px;max-width:700px}.pop-section-heading h2,.pop-listen-card h2,.pop-parent-note h2,.pop-share-card h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15;margin:.3rem 0}.pop-video{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#111}.pop-video iframe{width:100%;height:100%;border:0}.pop-youtube-link{display:inline-block;margin-top:14px;font-weight:900}.pop-scenes{scroll-margin-top:20px}.pop-scene-card{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:0;align-items:stretch;margin:24px 0;background:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--pop-shadow)}.pop-scene-card:nth-of-type(even){grid-template-columns:1.1fr minmax(280px,.9fr)}.pop-scene-card:nth-of-type(even) .pop-scene-image{order:2}.pop-scene-image{min-height:340px;background:#eaf7ff}.pop-scene-copy{padding:34px}.pop-scene-number{display:inline-block;background:var(--pop-blue);border-radius:999px;padding:6px 12px;font-weight:900}.pop-scene-copy h3{font-size:2rem;margin:.7rem 0}.pop-readable p{font-size:1.06rem}.pop-scene-placeholder{height:100%;display:grid;place-items:center;align-content:center;font-size:4rem;color:#789}.pop-scene-placeholder small{font-size:.85rem}.pop-character-section{margin-top:52px}.pop-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.pop-character{text-align:center;background:#fff;border-radius:24px;padding:20px;box-shadow:var(--pop-shadow)}.pop-character-photo{width:112px;height:112px;margin:0 auto 12px;border-radius:50%;overflow:hidden;background:var(--pop-blue);display:grid;place-items:center;font-size:2rem;font-weight:900}.pop-character h3{margin:.2rem 0}.pop-character p{margin:.2rem 0}.pop-character small{display:inline-block;background:#f4edff;border-radius:999px;padding:5px 10px}.pop-parent-note{display:grid;grid-template-columns:auto 1fr;gap:24px;background:linear-gradient(135deg,#ecfae9,#fff)}.pop-parent-icon{font-size:3rem}.pop-share-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,#f6edff,#eaf7ff)}.pop-share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pop-share-actions button{background:#fff}.pop-copy-status{font-weight:800}.pop-focus{animation:popPulse 1.3s ease}@keyframes popPulse{0%,100%{box-shadow:var(--pop-shadow)}50%{box-shadow:0 0 0 8px rgba(255,216,101,.55),var(--pop-shadow)}}
@media(max-width:780px){.pop-story-shell{padding:12px}.pop-story-hero,.pop-listen-card,.pop-scene-card,.pop-scene-card:nth-of-type(even){grid-template-columns:1fr}.pop-story-hero{padding:25px;border-radius:25px}.pop-story-cover{order:-1}.pop-scene-card:nth-of-type(even) .pop-scene-image{order:0}.pop-scene-image{min-height:250px}.pop-scene-copy{padding:24px}.pop-parent-note{grid-template-columns:1fr}.pop-share-card{align-items:flex-start;flex-direction:column}.pop-story-actions .pop-button{width:100%;text-align:center}}