.narration-player{padding:20px;border:2px solid #d9cbed;border-radius:22px;background:#f7f2ff;margin:22px 0;min-width:0}.narration-caption{display:flex;gap:9px;align-items:center;color:#4c2b96;font-size:.88rem;margin-bottom:16px}.narration-caption>svg{flex-shrink:0}.narration-actions{display:flex;gap:10px;flex-wrap:wrap}.narration-actions .button{min-height:52px;padding:12px 17px;font-size:.9rem}.narration-play{flex:1 1 150px;justify-content:center}.narration-restart{flex:1 1 155px;justify-content:center;background:white}.narration-timeline{display:flex;align-items:center;gap:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.8rem;margin-top:10px}.narration-timeline input{width:100%;min-width:35px;accent-color:var(--purple);height:44px;cursor:pointer}.narration-volume{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.78rem}.narration-volume input{flex:1 1;min-width:60px;width:80px;max-width:150px;accent-color:var(--purple);height:44px}.voice-mute{background:white;border:1px solid #baa2df;border-radius:50%;min-width:44px;height:44px;padding:8px;display:grid;place-items:center}.voice-mute[aria-pressed=true]{background:#e7dbfb}.narration-volume .voice-mute{display:flex;gap:8px;border-radius:12px;padding:8px 12px;width:100%;min-height:48px;font:inherit;font-weight:750}.narration-volume output{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.narration-volume-stepper{display:flex;align-items:center;gap:12px;width:100%}.narration-volume-stepper button{flex:0 0 48px;min-height:48px;border:2px solid #baa2df;border-radius:12px;background:white;color:var(--ink);font-size:24px;font-weight:800}.narration-volume-stepper button:disabled{opacity:.45}.narration-volume-stepper input{max-width:none;height:48px}.narration-status{font-size:.78rem;color:#574c6f;margin-top:8px;line-height:1.6}.narration-follow{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;margin-top:12px;border:1px solid #c9b4e7;border-radius:12px;background:white;cursor:pointer}.narration-follow input{flex:0 0 24px;width:24px;height:24px;accent-color:var(--purple)}.narration-follow span{display:grid;gap:3px;min-width:0}.narration-follow strong{font-size:.8rem;color:#352252}.narration-follow small,.reading-bookmark-note{font-size:.75rem;line-height:1.5;color:#574c6f}.reading-bookmark-note button{display:block;min-height:44px;padding:6px 0;margin-top:4px;font-weight:800;color:#4c2b96;text-align:left;text-decoration:underline;background:transparent;border:0;cursor:pointer}.reader-page-0{animation:reader-turn-even .38s cubic-bezier(.2,.72,.2,1)}.reader-page-1{animation:reader-turn-odd .38s cubic-bezier(.2,.72,.2,1)}@keyframes reader-turn-even{0%{opacity:.78;transform:perspective(1400px) rotateY(8deg) translateX(12px)}to{opacity:1;transform:perspective(1400px) rotateY(0) translateX(0)}}@keyframes reader-turn-odd{0%{opacity:.78;transform:perspective(1400px) rotateY(-8deg) translateX(-12px)}to{opacity:1;transform:perspective(1400px) rotateY(0) translateX(0)}}html[data-calm=true] .reader-page-0,html[data-calm=true] .reader-page-1{animation:none}@media (prefers-reduced-motion:reduce){.reader-page-0,.reader-page-1{animation:none}}.reading-bookmark-note{padding:10px 14px;border-left:4px solid var(--purple);background:#f7f2ff;border-radius:8px}.narration-player[data-state=error]{border-color:#a34f38;background:#fff4eb}.voice-wave{display:flex;gap:3px;align-items:center;justify-content:center;min-width:28px;height:23px;margin-left:auto}.voice-wave i{display:block;width:3px;height:7px;border-radius:4px;background:currentColor;transform-origin:center}.voice-wave i:nth-child(2),.voice-wave i:nth-child(4){height:13px}.voice-wave i:nth-child(3){height:20px}.voice-wave[data-playing=true] i{animation:voice-pulse .9s ease-in-out infinite alternate}.voice-wave[data-playing=true] i:nth-child(2){animation-delay:-.5s}.voice-wave[data-playing=true] i:nth-child(3){animation-delay:-.2s}.voice-wave[data-playing=true] i:nth-child(4){animation-delay:-.7s}.loading-voice{animation:voice-loading 1s linear infinite}@keyframes voice-pulse{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes voice-loading{to{transform:rotate(1turn)}}.storytelling-heading{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:40px;margin:12px 0 32px}.storytelling-heading h1{font-size:clamp(2.7rem,5.6vw,4.8rem);margin:24px 0}.storytelling-heading p{font-size:1.08rem;max-width:580px}.storytelling-emblem{width:210px;height:210px;display:grid;place-content:center;justify-items:center;background:var(--lime);border:2px solid var(--ink);border-radius:44% 56% 54% 46%;transform:rotate(8deg);position:relative;box-shadow:7px 8px 0 #d9c8fc}.storytelling-emblem span{font:700 1.8rem Caveat,cursive;transform:rotate(-10deg)}.storytelling-emblem i{font:normal 60px Inter,sans-serif;color:var(--purple);position:absolute;top:-18px;right:-22px}.audio-choice-note{display:flex;gap:13px;align-items:center;border:1px solid #ded4ed;border-radius:17px;background:#f6f0ff;padding:16px 22px;margin-bottom:55px}.audio-choice-note>svg{flex-shrink:0;color:var(--purple)}.audio-choice-note p{font-size:.95rem}.featured-tale{display:grid;grid-template-columns:1fr 1.05fr;border:2px solid var(--ink);border-radius:28px;overflow:hidden;background:white;box-shadow:6px 7px 0 #e4d5fa}.featured-tale-art{min-height:370px;position:relative;background:radial-gradient(ellipse at 50% 40%,#9772ea 0,#493087 80%);overflow:hidden}.featured-tale-art>img.tale-scene-cover{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none}.featured-tale-art>.idea-art{position:absolute;top:6%;left:12%;width:76%;height:66%;transform:rotate(-7deg)}.featured-tale-art>img{position:absolute;height:78%;width:47%;object-fit:contain;object-position:bottom;bottom:-20px;filter:drop-shadow(0 8px 8px #20113555)}.tale-cover-memo{left:1%;transform:rotate(-7deg)}.tale-cover-algo{right:1%;transform:rotate(6deg)}.tale-play-circle{position:absolute;left:calc(50% - 33px);bottom:35px;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);transition:transform .2s}.featured-tale:hover .tale-play-circle{transform:scale(1.12) rotate(-7deg)}.featured-tale-copy{padding:38px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.featured-tale-copy h3{font-size:clamp(2rem,3.5vw,3rem)}.featured-tale-copy .pill{font-size:.77rem;background:#f1e8ff}.tale-facts{color:var(--muted);font-weight:650;font-size:.85rem}.featured-tale-copy .button{margin-top:auto}.narrated-collection{margin-top:75px}.narrated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.narrated-card{border:2px solid var(--ink);border-radius:23px;overflow:hidden;background:white;transition:transform .18s,box-shadow .18s}.narrated-card:hover{transform:translateY(-5px);box-shadow:4px 6px 0 #dfd0f7}.narrated-card-art{height:185px;position:relative;display:grid;place-items:center;border-bottom:1px solid var(--ink)}.narrated-card-art .idea-art{width:90%;height:160px}.narrated-card-art span{display:flex;gap:6px;align-items:center;position:absolute;top:13px;left:13px;padding:5px 10px;border-radius:20px;background:white;color:#493087;border:1px solid var(--ink);font-size:.72rem;font-weight:700}.narrated-card>div:last-child{padding:24px}.narrated-card h3{font-size:1.35rem;margin-bottom:10px}.narrated-card p{font-size:.9rem}.narrated-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#5835b1;font-size:.8rem;font-weight:750}.storytelling-outro{display:flex;align-items:center;gap:20px;margin-top:45px;padding:25px;background:#f0f3df;border-radius:22px}.storytelling-outro svg{flex-shrink:0}.storytelling-outro p{color:var(--ink)}.story-reader[data-narrating=true] .story-stamp{background:var(--lime)}.story-reader .story-progress button{min-width:44px;width:44px;min-height:44px;height:44px}.story-body .narration-player{margin-top:0}.home-audio-banner{border:2px solid var(--ink);border-radius:28px;background:#ece2ff;display:flex;align-items:center;gap:28px;padding:35px 40px;margin-block:40px 70px;position:relative}.home-audio-symbol{flex:0 0 82px;width:82px;height:82px;border:2px solid var(--ink);border-radius:24px;background:var(--lime);display:grid;place-items:center;transform:rotate(-8deg);box-shadow:4px 4px 0 var(--ink)}.home-audio-banner h2{font-size:2.1rem;margin:6px 0 10px}.home-audio-banner .button{margin-left:auto;flex-shrink:0}@media (max-width:1000px){.home-audio-banner{flex-wrap:wrap}.home-audio-banner>div:nth-child(2){flex:1 1 240px}.home-audio-banner .button{margin-left:110px}}@media (max-width:760px){.storytelling-heading{grid-template-columns:1fr 140px;gap:15px}.storytelling-emblem{width:125px;height:125px}.storytelling-emblem>svg{width:60px;height:60px}.storytelling-emblem span{font-size:1.35rem}.storytelling-emblem i{font-size:40px;right:-12px}.storytelling-heading h1{font-size:2.7rem}.featured-tale{grid-template-columns:1fr}.featured-tale-art{min-height:290px;border-bottom:2px solid var(--ink)}.featured-tale-copy{padding:28px;gap:16px}.narrated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width:480px){.storytelling-heading{display:block;margin-top:0}.storytelling-heading h1{font-size:2.75rem;margin-block:20px}.storytelling-heading .pill{font-size:.69rem}.storytelling-heading p{font-size:.97rem}.storytelling-emblem{display:none}.audio-choice-note{padding:16px;margin-bottom:38px;align-items:flex-start}.audio-choice-note svg{margin-top:3px}.audio-choice-note p{font-size:.88rem}.featured-tale-art{min-height:255px}.featured-tale-copy{padding:23px}.featured-tale-copy h3{font-size:2rem}.featured-tale-copy p{font-size:.93rem}.narrated-collection{margin-top:55px}.narrated-grid{grid-template-columns:1fr}.narrated-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.narrated-card-art{height:100%;min-height:180px;border:0;border-right:1px solid var(--ink)}.narrated-card-art .idea-art{height:140px;width:100%}.narrated-card-art span{padding:5px 6px;font-size:0;top:10px;left:10px}.narrated-card-art span svg{width:18px;height:18px}.narrated-card>div:last-child{padding:18px 15px}.narrated-card h3{font-size:1.1rem}.narrated-card p{font-size:.8rem}.narrated-card-meta{margin-top:12px;font-size:.75rem}.narration-player{padding:15px}.narration-caption{font-size:.78rem}.narration-actions{gap:9px}.narration-actions .button{font-size:.85rem}.narration-restart{flex:0 0 48px}.narration-restart span{display:none}.narration-play{flex:1 1}.narration-volume{gap:8px;font-size:.73rem}.storytelling-outro{padding:20px;align-items:flex-start}.storytelling-outro p{font-size:.9rem}.home-audio-banner{padding:25px;gap:20px;margin-block:30px 45px}.home-audio-symbol{width:64px;height:64px;flex-basis:64px}.home-audio-banner h2{font-size:1.9rem}.home-audio-banner .button{margin-left:0;width:100%;justify-content:center}.story-reader .story-progress{gap:6px}}@media (prefers-reduced-motion:reduce){.loading-voice,.narrated-card,.tale-play-circle,.voice-wave i{animation:none!important;transition:none!important}}@media print{.narration-player{display:none}}