:root{--paper:#fffdf7;--bg:#f5f2e9;--ink:#294237;--muted:#65766b;--green:#276653;--soft:#edf3e7;--gold:#d99f37;--border:#e2e7da}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh;padding:26px 18px;display:flex;flex-direction:column;align-items:center;transition:background .3s,color .3s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.brand{display:flex;gap:10px;align-items:center;margin-bottom:24px;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand img{border-radius:11px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1px;margin-top:3px;color:var(--muted)}.player-card{width:100%;max-width:470px;background:var(--paper);border:1px solid var(--border);padding:28px 30px 22px;border-radius:38px;text-align:center;box-shadow:0 20px 65px #2942370c}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--muted)}.mascot-scene{position:relative;width:220px;height:155px;margin:12px auto 0;display:grid;place-items:center;background:radial-gradient(ellipse,#f7e5b6 0%,transparent 67%)}.mascot{font-size:89px;z-index:1;filter:drop-shadow(0 9px 5px #72542115);animation:bob 4s ease-in-out infinite}.mascot.waiting{filter:saturate(.55);animation:none}.mascot.celebrate{animation:celebrate .65s ease 2}.mascot-ground{position:absolute;bottom:13px;left:60px;width:100px;height:13px;background:#78947522;border-radius:50%}.spark{position:absolute;color:var(--gold);font-size:28px}.spark-one{left:20px;top:26px}.spark-two{right:12px;bottom:30px}.mascot-message{font-size:12px;margin:0 0 17px;color:var(--muted)}h1{font-family:Georgia,serif;font-size:30px;line-height:1.15;font-weight:500;letter-spacing:-.6px;margin:0 auto 10px}#subtext{font-size:13px;color:var(--muted);min-height:19px;margin:0 0 20px}.lang-container{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 0 22px}.lang-btn{width:65px;height:65px;border-radius:50%;border:1px solid var(--border);color:var(--ink);background:var(--soft);font-size:11px;padding:3px;overflow-wrap:anywhere}.lang-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.media-actions{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:24px}.action{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.circle{display:grid;place-items:center;border-radius:50%;border:0;flex-shrink:0;transition:transform .15s}.circle:active{transform:scale(.94)}.play-button{width:80px;height:80px;background:var(--green);color:white;font-size:27px;box-shadow:0 7px 18px #27665322}.video-button{width:64px;height:64px;background:#f5e9d1;color:#725422;font-size:33px;border:1px solid #e9d9b8}.rewards{border-top:1px dashed var(--border);padding-top:19px}.reward-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;font-weight:750}#streak-badge{font-size:11px;color:var(--green);letter-spacing:0}.reward-stars{font-size:32px;letter-spacing:8px;color:var(--gold);margin:12px 0 3px}.rewards p{font-size:12px;color:var(--muted);line-height:1.6;margin:4px 0 14px}.milestones{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted);margin-bottom:15px}.milestones span{opacity:.5}.milestones .unlocked{opacity:1;font-weight:700;color:var(--green)}.rewards small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.themes{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;margin-bottom:12px}.theme-button{width:42px;height:42px;background:var(--soft);color:var(--ink);border:1px solid var(--border);font-size:21px}.video-panel{margin:0 0 24px}.video-panel iframe{width:100%;min-height:220px;border:0;border-radius:18px;background:#111}.video-panel p,.video-panel a{font-size:12px;color:var(--muted)}.text-button{border:0;background:none;color:var(--green);padding:12px;text-decoration:underline;display:block;margin:auto}footer{text-align:center;margin-top:22px;font-size:11px;color:var(--muted)}footer a{color:inherit;text-underline-offset:3px}footer span{padding:0 12px}footer p{font-size:10px;margin-top:14px}body[data-theme=night]{--paper:#202e3c;--bg:#142330;--ink:#f7edd8;--muted:#b7c5c9;--green:#80bba4;--soft:#304553;--border:#3d515e}.loading h1{animation:pulse 1.5s infinite}.info-page{max-width:650px;line-height:1.8}.info-page h1{margin-top:24px}.info-page a{color:var(--green)}.info-page p,.info-page li{font-size:14px}@keyframes bob{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes celebrate{50%{transform:translateY(-13px) rotate(-8deg)}}@keyframes pulse{50%{opacity:.4}}@media(max-width:360px){.player-card{padding:24px 18px}h1{font-size:26px}.milestones{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.language-section h2{font-size:13px;margin:0 0 5px;font-weight:650}.language-hint{font-size:11px;color:var(--muted);margin:0 0 14px}.lang-container{gap:12px 14px;max-width:350px;margin:0 auto 22px}.language-choice{width:65px;display:flex;flex-direction:column;align-items:center;gap:5px}.language-choice .lang-btn{width:52px;height:52px;font-size:17px}.language-name{font-size:11px;font-weight:600}.language-choice small{font-size:9px;color:var(--muted)}.lang-btn:disabled{cursor:default;opacity:.4}.custom-bubble{background:#f5e9d1;border:1px dashed #c5a96c}.reward-heading h2{font-family:Georgia,serif;font-size:21px;font-weight:500;letter-spacing:-.3px;margin:0}.reward-heading{letter-spacing:0;font-weight:500;gap:12px}.daily-reward{display:flex;gap:13px;text-align:left;align-items:center;background:var(--soft);padding:14px;border-radius:20px;margin:16px 0 19px}.daily-reward .reward-stars{font-size:38px;letter-spacing:0;margin:0}.daily-reward h3{font-size:14px;margin:0 0 4px}.daily-reward p{font-size:12px;line-height:1.5;margin:0}.story-trail{list-style:none;display:flex;padding:0;margin:0 0 13px;justify-content:space-between;gap:3px}.story-trail li{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;flex:1}.story-trail li:not(:last-child)::after{content:'';position:absolute;height:2px;width:calc(100% - 27px);top:15px;left:calc(50% + 16px);background:var(--border)}.story-trail li>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);border:1px solid var(--border);font-size:12px;color:var(--muted)}.story-trail .earned>span{background:#edc771;border-color:#edc771;color:#614717}.story-trail small{font-size:9px;color:var(--muted)}.rewards .next-reward{font-size:12px;color:var(--ink);margin-bottom:15px}.admin-notice{font-size:11px;margin-top:16px;text-align:center;border:1px dashed var(--gold);padding:10px 18px;border-radius:18px}.admin-notice .text-button{padding:5px;font-size:11px}dialog{border:1px solid var(--border);border-radius:30px;background:var(--paper);color:var(--ink);padding:32px 25px;max-width:370px;width:calc(100% - 36px);text-align:center;box-shadow:0 30px 90px #172f3533}dialog::backdrop{background:#152f3455;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;width:32px;height:32px;background:var(--soft);color:var(--ink);font-size:24px}.custom-icon{font-size:40px;margin:10px}.custom-cta{border:0;border-radius:99px;background:var(--soft);color:var(--muted);padding:14px 20px;font-size:12px;margin:8px 0 15px}.custom-cta:disabled{cursor:default;opacity:1}dialog h2{font:25px/1.2 Georgia,serif}dialog p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}dialog small{font-size:11px;line-height:1.6;color:var(--muted)}

.listening-progress{height:5px;border-radius:99px;background:var(--border);margin:-8px 0 20px;overflow:hidden}.listening-progress span{display:block;height:100%;width:0;background:var(--gold);border-radius:inherit;transition:width .4s}.star-celebration{position:fixed;inset:0;z-index:50;background:#142d3b55;backdrop-filter:blur(5px);display:grid;place-items:center;padding:22px}.celebration-card{position:relative;overflow:hidden;max-width:365px;width:100%;border:1px solid #e9d6a4;background:var(--paper);color:var(--ink);border-radius:32px;padding:22px 20px 14px;text-align:center;box-shadow:0 22px 90px #152c3944;animation:reward-card .35s ease-out}.celebration-card h2{font:27px/1.2 Georgia,serif;margin:10px 0}.celebration-card p{font-size:12px;color:var(--muted);line-height:1.6}.celebration-card .text-button{font-size:12px;position:relative}.gift-scene{height:170px;width:180px;margin:auto;position:relative}.gift-box{position:absolute;bottom:12px;left:44px;width:92px;height:62px;background:#e8ad72;border-radius:5px 5px 12px 12px}.gift-box span,.gift-lid span{position:absolute;left:39px;top:0;width:14px;height:100%;background:#fff1c7}.gift-lid{position:absolute;bottom:74px;left:39px;width:102px;height:20px;background:#d99760;border-radius:5px;transform-origin:left bottom;animation:gift-open 3.5s both}.gift-lid span{left:44px}.gift-star{position:absolute;color:#e5ae37;font-size:80px;left:49px;bottom:70px;filter:drop-shadow(0 3px 0 #ba7e27);animation:star-reveal 3.5s both}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;left:var(--x);top:-15px;width:8px;height:13px;background:var(--color);border-radius:2px;animation:confetti-fall 2.8s var(--delay) both}.gift-star::after{content:'✦';position:absolute;font-size:24px;right:-23px;top:8px;color:var(--gold)}@keyframes gift-open{0%,15%{transform:translateY(0) rotate(0)}35%,100%{transform:translate(-20px,-45px) rotate(-24deg)}}@keyframes star-reveal{0%,18%{transform:translateY(48px) scale(.1);opacity:0}45%{transform:translateY(-22px) scale(1.15);opacity:1}60%,100%{transform:translateY(-16px) scale(1);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(370px) rotate(var(--rotate));opacity:0}}@keyframes reward-card{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.gift-lid{transform:translate(-20px,-45px) rotate(-24deg)}.gift-star{transform:translateY(-16px)}.confetti{display:none}}

.gift-ready{text-align:center;background:var(--soft);border:1px dashed var(--gold);border-radius:22px;padding:18px;margin:0 0 18px}.gift-button{width:78px;height:78px;font-size:40px;margin:0 auto 12px;background:#f3dc9e;box-shadow:0 5px 16px #d99f3722;animation:gift-wiggle 3s ease-in-out infinite}.gift-ready h3{font:22px Georgia,serif;margin:0 0 7px}.gift-ready p{margin:0;font-size:12px}@keyframes gift-wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-6deg)}92%{transform:rotate(6deg)}}@media(prefers-reduced-motion:reduce){.gift-button{animation:none}}

.book-reference{display:flex;align-items:center;justify-content:space-between;text-align:left;border-bottom:1px solid var(--border);padding-bottom:10px;gap:12px}.book-reference>div{min-width:0}.book-reference span{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:3px}.book-reference strong{font-size:15px;font-family:ui-monospace,monospace;overflow-wrap:anywhere;user-select:text}.book-reference button{width:34px;height:34px;font-size:22px;color:var(--green);background:var(--soft)}.book-reference-hint{font-size:10px;color:var(--muted);text-align:left;line-height:1.5;margin:8px 0 20px}