/* Same position, icon, color and feedback for the same action in both lessons. */
body.storybook-music .modes{width:min(600px,85%);display:flex;flex-wrap:nowrap;gap:0;padding:0;margin:0 auto 12px;border:3px solid #ece8dc;border-radius:999px;background:#f2f0e9}
body.storybook-music .modes .mode{flex:1;min-width:0;min-height:54px;padding:10px 15px;border:4px solid transparent;border-radius:999px;background:transparent;color:#4d6681;box-shadow:none;text-shadow:none;filter:none;outline:none;font-size:clamp(18px,2.15vw,30px)}
body.storybook-music .modes .mode.active{border-color:white;background:linear-gradient(#43afff,#2288f6);color:white;box-shadow:0 5px 10px #d9c38b40;text-shadow:0 1px #226db7}
body.storybook-music .modes .ico{width:clamp(24px,2.3vw,32px);height:clamp(24px,2.3vw,32px);margin-right:8px;vertical-align:-5px}
body.storybook-music #stars{display:none;justify-content:center;width:fit-content;gap:10px;margin:0 auto 12px;padding:0;background:none;border:0;box-shadow:none}
body.storybook-music.quiz #stars{display:flex}
body.storybook-music #stars .reward-star{width:27px;height:27px;fill:#e1e4df;stroke:#a99c76;stroke-width:1}
body.storybook-music #stars .reward-star.lit{fill:#ffcf32;stroke:#bc8b1a}
body.storybook-music #message{min-height:32px;max-width:100%;margin:0 auto 14px;padding:0;border:0;background:none;box-shadow:none;text-align:center;color:#4d6681;font-size:clamp(17px,1.9vw,25px);font-weight:800;line-height:1.5}
body.storybook-music .lesson-actions{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(430px,100%);margin:20px auto 0}
body.storybook-music.quiz .lesson-actions{display:grid}
body.storybook-music .lesson-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:54px;margin:0;padding:10px 12px;border:3px solid white;border-radius:20px;background:linear-gradient(#6bbdff,#459ff8);color:white;box-shadow:0 4px 0 #2d7ac4;font-size:20px;font-weight:800;white-space:nowrap;touch-action:manipulation;text-shadow:0 1px #1d5893}
body.storybook-music .lesson-actions #next{background:linear-gradient(#ffb258,#ff8c2c);box-shadow:0 4px 0 #ce772b;color:#422806;text-shadow:none}
body.storybook-music .lesson-actions #next:disabled{display:inline-flex;visibility:hidden;pointer-events:none}
body.storybook-music .lesson-actions .ico{width:24px;height:24px;flex:none;margin:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.storybook-music.quiz .card-sound{display:none}
body.storybook-music.quiz .name,body.storybook-music.quiz .word,body.storybook-music.quiz .cn{visibility:hidden}
body.storybook-music .card.correct:after{content:'✓';position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:3px solid white;border-radius:50%;background:#399358;color:white;font:800 28px/1 sans-serif}
body.storybook-music .parents .controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 0}
body.storybook-music .parents button{min-height:48px;padding:9px 15px;font-size:16px}
#celebrate{display:none;position:fixed;inset:0;z-index:50;background:#1c2e69a8;align-items:center;justify-content:center;padding:20px}
#celebrate.show{display:flex}
#celebrate .win{max-width:530px;width:100%;padding:24px;border:6px solid #fffdf2;border-radius:30px;background:linear-gradient(#fff5d9,#edf5ce);box-shadow:0 15px 60px #193d4f40;text-align:center}
#celebrate .lion{font-size:0}
#celebrate .lion-art{display:block;visibility:visible;width:80px;height:80px;margin:0 auto}
#celebrate h2{margin:12px 0;font-size:32px;color:#a85213}
#celebrate p{font-size:20px}
#celebrate .win-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#celebrate .win-actions button{display:inline-flex;align-items:center;gap:7px;min-height:52px;padding:10px 18px;font-size:20px}
#celebrate .win-actions svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.storybook-music button:focus-visible{outline:4px solid #173e71;outline-offset:4px}
@media(max-width:520px){body.storybook-music .modes{width:100%}body.storybook-music .modes .mode{min-height:50px;font-size:17px;padding:8px 4px;border-width:3px}body.storybook-music .modes .ico{width:22px;height:22px;margin-right:4px}body.storybook-music .lesson-actions{gap:10px;margin-top:18px}body.storybook-music .lesson-actions button{font-size:17px;min-height:52px;padding:9px 8px}body.storybook-music #message{font-size:16px}}