@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}:root{--ink: #23305a;--cream: #fff8ec;--green: #2eb872;--sun: #ffc93c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Fredoka,system-ui,sans-serif}a{color:inherit}.page{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.hero{text-align:center;padding:32px 0 24px}.hero-emoji{font-size:64px}.hero h1{font-size:clamp(40px,8vw,68px);margin:8px 0 4px}.hero p{font-size:22px;margin:0;opacity:.8}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px}.card{display:flex;flex-direction:column;gap:8px;padding:24px;background:#fff;border:5px solid #e5e5e5;border-radius:28px;text-decoration:none;box-shadow:0 8px #23305a14;transition:transform .15s}a.card:hover{transform:translateY(-4px) rotate(-.5deg)}.card-emoji{font-size:56px}.card-title{font-size:26px;font-weight:700}.card-blurb{font-size:18px;opacity:.8;flex:1}.card-play{align-self:flex-start;margin-top:8px;color:#fff;font-weight:700;font-size:20px;padding:10px 22px;border-radius:999px}.card-soon{border-style:dashed;opacity:.7}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.back{font-size:20px;font-weight:700;text-decoration:none}.voice{font:inherit;font-size:18px;font-weight:700;padding:10px 18px;border-radius:999px;border:3px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}.voice.on{background:var(--sun)}.watch-title{font-size:clamp(28px,5vw,44px);margin:20px 0 16px}.player-wrap{border-radius:24px;overflow:hidden;box-shadow:0 10px #23305a1f;background:#fff}.narration{font-size:22px;min-height:2.6em;margin:20px 4px 8px}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.chips button{font:inherit;font-weight:700;font-size:18px;width:46px;height:46px;border-radius:50%;border:3px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}.chips button.active{background:var(--green);border-color:var(--green);color:#fff}