:root{--ink:#51405f;--muted:#887b8d;--pink:#db5b8f;--cream:#fdf8ee;--purple:#9672b6;--line:#ece4e7;--accent:#f3a15f;--shadow:0 8px 24px #6b4b6710;font-family:ui-rounded,'Nunito','Trebuchet MS',system-ui,sans-serif;color:var(--ink);background:#f5eee9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7c62a8}button{border:0}button:active:not(:disabled){transform:translateY(2px)}h1,h2,p{margin:0}h1{font-size:32px;line-height:1.15;letter-spacing:-1px;font-weight:850}h2{font-size:18px;font-weight:800;letter-spacing:-.4px}.subtitle{font-size:16px;line-height:1.65;color:#82728a;margin:12px 0 24px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:#97708c;display:block}.icon{width:24px;height:25px;flex-shrink:0;vertical-align:middle}.art{display:block;width:100%;height:100%;overflow:visible}.rose{--wash:#fff0f3;--mid:#f6d2df;--deep:#c66d96;--pale:#fcedf2}.peach{--wash:#fff3e9;--mid:#f3d7b9;--deep:#ce9670;--pale:#fcf2e7}.mint{--wash:#eef8ef;--mid:#c9e2d1;--deep:#6ca18c;--pale:#eff7ee}.violet{--wash:#f4effa;--mid:#ded0ee;--deep:#a182bd;--pale:#f6f0fb}.sky{--wash:#edf7fa;--mid:#c9e2eb;--deep:#78a9bc;--pale:#edf7fa}.yellow{--wash:#fff9e8;--mid:#efe2b6;--deep:#b9a15f;--pale:#fff8e6}#app{max-width:520px;min-height:100dvh;background:var(--cream);margin:0 auto;position:relative;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.topbar{height:64px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--cream);position:relative;z-index:5}.brand-mini{font-size:27px;color:var(--pink);font-weight:900;letter-spacing:-1.4px}.brand-mini span{font-size:18px;color:#e5b458;vertical-align:top}.top-title{font-size:11px;font-weight:750;color:#9a8996;flex:1;text-align:center;line-height:1.3}.star-count{border:1px solid #f1dfb4;background:#fff5d9;display:flex;align-items:center;gap:5px;border-radius:18px;padding:5px 9px;font-size:14px;font-weight:850;min-width:53px}.star-count .icon{color:#eab64e;width:17px;height:19px}.icon-button{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:15px;width:42px;height:42px;box-shadow:0 3px 0 #e9e0df}.icon-button .icon{width:20px}.primary,.secondary{min-height:57px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:21px;font-size:18px;font-weight:850;line-height:1.25;letter-spacing:-.2px}.primary{color:#67412e;background:linear-gradient(180deg,#ffca7e,#ffb968);box-shadow:0 5px 0 #e69b58,inset 0 2px 0 #ffdda8;border:1px solid #eeae69}.primary .icon{width:22px}.secondary{background:#f1e9f7;color:#8c68aa;box-shadow:0 4px 0 #d7c8e3;font-size:15px}.text-button{background:transparent;color:#9c7b9d;font-size:12px;font-weight:800;padding:12px 2px;min-height:44px}.text-button:disabled{opacity:.3}.round-arrow{background:#fff;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;box-shadow:0 3px 0 #eadfdd}.round-arrow .icon{width:18px}.kind-note{text-align:center;font-size:11px;line-height:1.7;color:#a093a0;margin:20px 0}.progress{background:#eee5e9;border-radius:10px;height:7px;overflow:hidden}.progress i{display:block;height:100%;background:#a8c9b0;border-radius:10px;transition:width .3s}.mascot{background-image:url('./assets/klara.webp');background-size:300% 100%;background-repeat:no-repeat;background-position:0 0;aspect-ratio:1;width:240px;flex-shrink:0;filter:drop-shadow(0 6px 3px #7f56611b)}.mascot.pose-1{background-position:50% 0}.mascot.pose-2{background-position:100% 0}.hero{height:395px;margin:0 14px;border-radius:30px;position:relative;isolation:isolate;overflow:hidden;background:#cfeef1}.landscape{position:absolute;width:100%;height:100%;inset:0;z-index:-1}.hero-heading{position:relative;text-align:center;padding-top:24px;z-index:2}.hero-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:#75969c}.hero h1{font-size:85px;color:#da5789;font-weight:950;letter-spacing:-6px;line-height:1.03;-webkit-text-stroke:2px #fff4dc;text-shadow:0 5px 0 #eabb9a,0 8px 0 #89b5b329;position:relative;display:inline-block;padding-right:15px}.hero h1 span{position:absolute;font-size:42px;color:#ffc961;right:-12px;top:-5px;letter-spacing:0;-webkit-text-stroke:1px white;transform:rotate(12deg)}.hero-heading p{font-size:13px;line-height:1.45;color:#5b7a7b;margin-top:7px;font-weight:700}.hero-klara{width:248px;position:absolute;bottom:17px;left:50%;margin-left:-103px;animation:float 4s ease-in-out infinite;z-index:1}.hello-bubble{position:absolute;left:14px;top:198px;padding:10px 15px;border-radius:19px 19px 4px 19px;background:#fffaf1;box-shadow:0 5px 0 #90b7a927;color:#c879a0;font-size:27px;line-height:1.1;z-index:2;transform:rotate(-5deg);font-weight:800}.hello-bubble span{font-size:8px;display:block;color:#8a7c8e;margin-top:4px}.hero-flower{position:absolute;bottom:26px;left:5px;width:74px;height:74px;transform:rotate(-10deg)}.hero-butterfly{position:absolute;right:15px;top:185px;width:50px;height:50px;transform:rotate(13deg);animation:flutter 4s ease-in-out infinite}.hero-note{position:absolute;bottom:12px;left:0;right:0;font-size:8px;color:#f7fff5;text-align:center;font-weight:700;letter-spacing:.2px}.home-content{padding:0 24px 100px}.start{margin-top:16px;font-size:18px}.tiny-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:9px;color:#9b8891;margin:14px 1px 23px}.tiny-note span{color:#b19b98}.journey-summary{display:flex;align-items:center;gap:12px;background:#fffdf8;border:1px solid #efe6df;border-radius:22px;padding:12px;box-shadow:var(--shadow)}.summary-icon{width:50px;height:50px}.journey-summary>div:nth-child(2){flex:1}.journey-summary h2{font-size:15px}.journey-summary p{font-size:10px;color:#a294a5;margin:4px 0 8px}.section-line{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.section-line h2{font-size:16px}.world-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.world-tile{background:var(--wash);border:1px solid var(--mid);border-radius:21px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 4px 11px;min-height:140px}.world-tile .art{width:67px;height:67px}.world-tile strong{font-size:11px}.world-tile>span{font-size:9px;color:var(--deep);font-weight:750}.world-tile .icon{width:12px;height:13px}.review-link{display:flex;gap:10px;align-items:center;justify-content:center;border:1px dashed #c7b4d8;background:#f4edf7;border-radius:17px;padding:15px 12px;font-size:13px;font-weight:800;color:#8d6bab;width:100%;margin-top:20px}.review-link .icon{width:19px}.bottom-nav{position:fixed;z-index:15;bottom:0;width:100%;max-width:520px;background:#fffcf7f5;border-top:1px solid #ede3dc;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 14px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #6e556109}.nav-button{background:transparent;display:flex;align-items:center;flex-direction:column;gap:6px;border-radius:15px;min-height:53px;justify-content:center;color:#b3a3b1}.nav-button .icon{width:21px;height:23px}.nav-button span{font-size:9px;font-weight:800}.nav-button.selected{background:#f8e6ef;color:#cd719a}.map-page,.book-page,.stickers-page{padding:23px 23px 110px}.map-page h1,.book-page h1,.stickers-page h1{margin-top:12px;font-size:29px}.map-page .subtitle,.book-page .subtitle,.stickers-page .subtitle{font-size:13px}.lesson-road{position:relative}.lesson-road:before{content:'';position:absolute;left:35px;top:15px;bottom:20px;border-left:5px dotted #e8d9bf}.lesson-stop{position:relative;display:flex;text-align:left;align-items:center;width:100%;min-height:102px;gap:10px;border-radius:24px;padding:15px 13px 15px 37px;background:var(--wash);border:1.5px solid var(--mid);box-shadow:0 4px 0 var(--mid);margin:0 0 21px}.stop-number{position:absolute;left:-10px;top:35px;width:32px;height:32px;border-radius:50%;background:var(--deep);border:3px solid var(--cream);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:850}.stop-number .icon{width:17px}.stop-art{width:60px;height:60px;flex-shrink:0}.stop-text{display:flex;flex-direction:column;gap:6px;flex:1}.stop-text small{font-size:9px;color:var(--deep);font-weight:700}.stop-text strong{font-size:16px;letter-spacing:-.5px}.stop-text em{font-style:normal;font-size:11px;color:#a18c9e}.stop-arrow .icon{width:18px;height:20px;color:var(--deep)}.lesson-stop.current{outline:3px solid #f0c778;outline-offset:3px}.lesson-stop.locked{filter:saturate(.6);opacity:.7}.finish-marker{text-align:center;font-size:12px;color:#a7958d;margin-top:25px}.finish-marker .art{width:65px;height:65px;margin:0 auto 12px}.stars{display:inline-flex;gap:5px;align-items:center}.stars>span{color:#e1d8df;filter:drop-shadow(0 2px 0 #c5b8cb55)}.stars .earned{color:#f1bf57}.stars .icon{width:22px;height:24px}.lesson-intro,.test-intro,.results,.celebration{padding:25px 27px 35px;min-height:calc(100dvh - 64px);text-align:center;background:radial-gradient(ellipse at 50% 20%,var(--wash) 0%,var(--cream) 68%)}.lesson-intro h1{margin-top:13px}.lesson-intro .subtitle{font-size:15px}.intro-art{height:210px;position:relative;margin:-3px 0 20px;border-radius:35px;background:var(--wash);border:1px solid var(--mid)}.intro-art>.art{position:absolute;width:125px;height:125px;left:22px;top:37px;transform:rotate(-10deg)}.intro-art .mascot{position:absolute;right:2px;bottom:0;width:225px}.lesson-plan{text-align:left;background:#fffdf9;border:1px solid #ece3df;border-radius:23px;padding:18px;margin:0 0 25px;box-shadow:var(--shadow)}.lesson-plan>div{display:flex;align-items:center;gap:13px;margin-bottom:19px}.lesson-plan>div:last-child{margin:0}.lesson-plan b{display:grid;place-items:center;background:var(--wash);border:1px solid var(--mid);border-radius:11px;width:32px;height:32px;color:var(--deep);font-size:14px}.lesson-plan span{font-size:14px;font-weight:800}.lesson-plan small{display:block;font-size:10px;color:#9f91a3;font-weight:500;margin-top:4px}.lesson-page{padding:15px 24px 30px;min-height:calc(100dvh - 64px);background:radial-gradient(ellipse at 50% 25%,var(--wash),var(--cream) 65%)}.step-header{display:flex;justify-content:space-between;font-size:11px;color:#a18e9d;margin-bottom:10px;font-weight:700}.step-header strong{color:var(--deep)}.lesson-page>.progress i{background:var(--deep)}.guide{display:flex;align-items:center;min-height:93px;gap:2px;margin:17px 0 12px;text-align:left}.guide .mascot{width:86px;height:86px;margin-left:-16px}.guide>div:last-child{background:white;border:1px solid var(--mid,#e7ddeb);border-radius:18px 18px 18px 5px;padding:12px 14px;flex:1;box-shadow:0 3px 0 #e8deec66}.guide strong{display:block;font-size:13px;line-height:1.4}.guide span{display:block;font-size:10px;line-height:1.6;color:#a18b9e;margin-top:4px}.word-card{background:#fffefa;border-radius:30px;border:2px solid var(--mid);box-shadow:0 6px 0 var(--mid),0 14px 28px #9472860a;padding:21px 20px 20px;text-align:center}.word-picture{background:var(--wash);width:190px;height:170px;border-radius:48% 52% 44% 56%;margin:0 auto 14px;padding:14px}.word-picture .art{max-height:142px}.word-card h1{font-size:36px;letter-spacing:-.5px;color:#6b5076}.word-card>p{font-size:16px;color:#ab919f;margin:7px 0 20px}.listen-button{display:inline-flex;gap:9px;align-items:center;justify-content:center;background:#f0e6f5;color:#9772b1;border-radius:16px;padding:12px 18px;font-size:14px;font-weight:800;min-height:48px;border:1px solid #e1d2eb;box-shadow:0 3px 0 #d8c8e3}.listen-button .icon{width:21px;height:22px}.repeat-invite{display:flex;align-items:center;justify-content:center;gap:8px;color:#aa7f9b;font-size:12px;min-height:66px}.repeat-invite .icon{height:20px;width:19px}.learn-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.learn-bottom>span{font-size:9px;color:#ac98a3}.challenge-prompt{display:flex;align-items:center;justify-content:center;gap:20px;background:var(--wash);border:1px solid var(--mid);border-radius:22px;padding:16px;margin-bottom:16px;min-height:99px}.sound-orbit{width:60px;height:60px;background:white;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 8px #ffffff55;color:var(--deep)}.sound-orbit .icon{width:30px;height:32px}.challenge-prompt .listen-button{font-size:12px;padding:12px}.visual-prompt>.art{width:96px;height:96px}.collector{display:flex;align-items:center;gap:9px;margin:0 0 18px;border-radius:20px;padding:10px 12px;background:#fffdf7;border:1px dashed #deceb3;min-height:76px}.collector>.art{width:45px;height:45px;flex-shrink:0}.collector>div{flex:1}.collector strong{font-size:10px;color:#b09a87}.collection-dots{display:flex;gap:6px;align-items:center;margin-top:5px}.collection-dots>span{display:grid;place-items:center;width:29px;height:29px;border:1px dashed #e7dac5;background:#faf5eb;border-radius:9px;color:#cebea5}.collection-dots>span.filled{border:1px solid #c6dfcd;background:#ecf6e9;animation:pop .35s ease}.collection-dots .art{width:23px;height:23px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.answer{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;min-height:137px;border:2px solid #e8e0e8;border-radius:23px;background:#fffefb;box-shadow:0 4px 0 #e7dfe6;padding:11px;transition:border-color .2s,background .2s}.answer>.art{height:100px;width:100px}.answer .family-label{font-size:12px;margin-top:5px;color:#9b8399;font-weight:700}.answer>i{position:absolute;top:-8px;right:-5px;width:28px;height:28px;background:#8eb999;color:white;display:grid;place-items:center;border:3px solid white;border-radius:50%}.answer>i .icon{width:16px;height:17px}.answer.right{background:#edf7e8;border-color:#a6ccab;box-shadow:0 4px 0 #a6ccab;animation:pop .3s ease}.answer.wrong{background:#fff4eb;border-color:#edc8a7;box-shadow:0 4px 0 #edc8a7;animation:wiggle .4s ease}.answer:disabled{opacity:1}.text-answers .answer{min-height:78px;font-size:21px;font-weight:850;color:#775383}.feedback-space{min-height:125px;margin:15px 0 0}.feedback{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;margin-bottom:15px;min-height:42px}.feedback.good{color:#6d9278}.feedback.gentle{color:#b48e76}.feedback>.art{width:33px;height:33px}.feedback b{display:inline-block}.feedback small{display:block;font-size:10px;margin-top:2px}.big-sticker{width:142px;height:142px;margin:25px auto 26px;padding:17px;border-radius:50%;background:var(--wash);border:1px dashed var(--mid)}.test-intro h1,.results h1{margin-top:13px}.test-intro .guide{margin:30px 0}.result-score{font-size:54px;font-weight:900;color:var(--deep);margin:20px 0 5px}.result-score span{font-size:26px;color:#c3b3c3}.review-words{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.review-words button{background:#fffdf9;border:1px solid var(--mid);border-radius:19px;display:flex;align-items:center;flex-direction:column;gap:6px;padding:12px}.review-words .art{width:65px;height:65px}.review-words strong{font-size:16px}.review-words span{font-size:10px;color:#a48f9c}.review-words .icon{width:17px;color:var(--deep)}.celebration{position:relative;overflow:hidden}.celebration h1{font-size:44px;color:#c86895;margin:15px 0 8px}.celebration>.subtitle{font-size:16px;margin:0 0 15px}.celebration>.stars .icon{width:41px;height:43px}.happy-klara{width:280px;margin:4px auto -4px;animation:happy 1.1s ease-in-out infinite;position:relative;z-index:1}.reward-ticket{display:flex;align-items:center;justify-content:center;gap:15px;border-radius:20px;border:1px dashed #dfc6d7;background:#fffdf9;padding:12px;margin:0 0 24px;text-align:left;position:relative;z-index:2}.reward-ticket>div{width:63px;height:63px}.reward-ticket span{font-size:10px;color:#aa92a3}.reward-ticket strong{display:block;font-size:17px;color:#92708e;margin-top:5px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;width:7px;height:13px;left:var(--x);background:var(--c);border-radius:2px;top:-30px;animation:confetti 4s var(--d) ease-in-out infinite;transform:rotate(var(--r));opacity:.8}.select-label{font-size:11px;color:#aa95a2;display:block;margin-bottom:22px}select{width:100%;min-height:48px;border:1px solid #e1d4de;background:#fffefa;border-radius:13px;padding:9px 12px;color:#7c6687;margin-top:8px;font-size:13px}.word-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dictionary-card{padding:15px 9px 12px;display:flex;flex-direction:column;align-items:center;background:#fffdf9;border:1px solid #e7dfe2;border-radius:23px;position:relative;min-height:204px}.dictionary-card>.art{width:86px;height:86px;margin-bottom:10px}.dictionary-card strong{font-size:18px;color:#755881}.dictionary-card>span{font-size:11px;color:#ab94a3;margin-top:5px}.dictionary-card>i{margin-top:12px;color:#b395c7;background:#f4edf7;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.dictionary-card .icon{width:17px;height:18px}.dictionary-card.known{border-color:#c5dec8}.dictionary-card small{position:absolute;top:6px;right:9px;font-size:7px;color:#88a78e}.sticker-album{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;background-image:radial-gradient(#eaded7 1px,transparent 1px);background-size:13px 13px}.sticker{display:flex;flex-direction:column;align-items:center;background:transparent;padding:10px 3px;gap:10px;min-height:190px}.sticker>div{position:relative;width:117px;height:117px;border-radius:40%;background:#fffdf6;border:1px solid #eee2d7;box-shadow:0 5px 0 #e8ded1;transform:rotate(-5deg);padding:12px}.sticker:nth-child(even)>div{transform:rotate(5deg)}.sticker strong{font-size:12px}.sticker>span:not(.stars){font-size:8px;color:#b2a2af}.sticker .stars .icon{width:15px;height:16px}.sticker.empty>div .art{filter:grayscale(1);opacity:.16}.sticker.empty>div>.icon{position:absolute;left:45px;top:46px;width:25px;color:#bbaebc}.sticker.empty strong{color:#b5a4b2}.settings-page{padding:23px 24px 40px}.settings-page h1{font-size:29px;margin-bottom:25px}.settings-card{padding:20px;background:#fffefa;border:1px solid #e8dce3;border-radius:23px;margin-bottom:18px}.settings-card h2{margin-bottom:19px}.settings-card p{font-size:12px;line-height:1.8;color:#96869c;margin-top:14px}.settings-card label{display:block;font-size:12px;font-weight:750;color:#89748e;margin:17px 0}.settings-card .switch-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.switch-label input{width:23px;height:23px;accent-color:#bb87b0}.settings-card .secondary{margin-top:20px}.settings-card .voice-state{font-size:10px;color:#b49db2}.parent-gate{padding:30px 27px;min-height:calc(100dvh - 64px);text-align:center}.parent-gate label{display:block;color:#9b839f;font-size:12px;margin:25px 0}.parent-gate input{display:block;width:140px;border:2px solid #e0cbe3;border-radius:17px;margin:10px auto;padding:13px;text-align:center;font-size:28px;color:#8e609c}.parent-gate .danger-text{margin-top:22px}.danger-text{min-height:45px;color:#b7768b;background:transparent;text-decoration:underline;text-underline-offset:5px;font-size:12px}.speaking .guide .mascot{animation:talk .5s ease-in-out infinite}.speaking .sound-orbit{animation:pulse 1s ease-in-out infinite}#toast{position:fixed;z-index:50;bottom:105px;left:50%;transform:translate(-50%,20px);width:calc(100% - 48px);max-width:450px;background:#65516ceF;color:white;padding:16px 20px;border-radius:18px;font-size:13px;line-height:1.6;box-shadow:0 7px 24px #664c5d30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes flutter{50%{transform:rotate(-5deg) translateY(-9px)}}@keyframes pop{50%{transform:scale(1.07)}}@keyframes wiggle{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes happy{50%{transform:translateY(-14px) rotate(3deg)}}@keyframes talk{50%{transform:translateY(-2px) rotate(2deg)}}@keyframes pulse{50%{box-shadow:0 0 0 14px #ffffff55}}@keyframes confetti{to{top:100%;transform:rotate(480deg)}}@media(min-width:700px){body{background:radial-gradient(ellipse at 0 0,#f4e0e9,transparent 55%),radial-gradient(ellipse at 100% 80%,#e0e9d8,transparent 65%),#f4efe7}#app{min-height:100dvh;box-shadow:0 0 80px #82687b1c;border-left:1px solid #ffffff;border-right:1px solid #ffffff}.hero{height:420px}.hero-klara{width:270px}.hero-heading{padding-top:25px}.hero h1{font-size:91px}.hero-heading p{font-size:15px}.hello-bubble{left:40px;top:220px}.hero-butterfly{right:48px;top:210px}.hero-flower{left:37px}.top-title{font-size:12px}.world-tile strong{font-size:13px}.world-tile>span{font-size:11px}.lesson-page{padding:20px 35px 40px}.word-picture{height:210px;width:235px;padding:25px}.word-picture .art{max-height:160px}.word-card{padding:25px}.word-card h1{font-size:42px}.answer{min-height:160px}.answer>.art{width:115px;height:115px}.guide strong{font-size:15px}.guide span{font-size:12px}.hero-note{font-size:10px}}@media(max-width:370px){.home-content{padding-left:19px;padding-right:19px}.topbar{padding-left:17px;padding-right:17px}.top-title{font-size:9px}.hero{height:370px}.hero h1{font-size:78px}.hero-klara{width:230px}.hello-bubble{left:10px;font-size:22px;padding:9px 12px;top:190px}.hello-bubble span{font-size:7px}.hero-butterfly{width:39px;height:39px;right:9px}.hero-flower{width:63px;height:63px}.hero-heading .eyebrow{font-size:7px}.start{font-size:16px}.tiny-note{font-size:8px}.world-tile strong{font-size:10px}.section-line h2{font-size:14px}.lesson-page{padding-left:18px;padding-right:18px}.guide strong{font-size:12px}.guide span{font-size:9px}.word-picture{height:143px;width:170px}.word-card h1{font-size:31px}.word-card>p{margin-bottom:15px}.answer{min-height:122px}.answer>.art{width:88px;height:88px}.challenge-prompt{gap:12px}.sound-orbit{width:48px;height:48px}.challenge-prompt .listen-button{font-size:11px;padding:10px}.stop-art{width:48px;height:48px}.stop-text strong{font-size:14px}.map-page{padding-left:20px;padding-right:17px}.lesson-intro h1{font-size:28px}.intro-art>.art{left:5px;width:110px}.intro-art .mascot{width:205px;right:-8px}.celebration h1{font-size:39px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}

.hero-klara{width:235px;bottom:12px}.hero-heading p{font-size:12px}.fallback-word{display:block;margin:-9px auto 8px;min-height:34px;font-size:10px}.fallback-word b{font-size:18px;color:#7e5b91}@media(min-width:700px){.hero-klara{width:250px}.hero-heading p{font-size:14px}}@media(max-width:370px){.hero-klara{width:217px}.hero-heading p{font-size:11px}}

.prompt-art{width:96px;height:96px;flex-shrink:0}.nav-button span{font-size:11px}.guide span{font-size:12px}.guide strong{font-size:14px}.hero-note{display:none}.family-label{font-size:14px!important}

/* Klara i Pikuś — mobile adventure, shop and round savings */
:root{--muted:#817086}.topbar{padding:10px 18px;gap:8px}.icon-button{min-width:44px;min-height:44px}.top-title{font-size:12px;color:#78677f}.wallet-pill{min-height:43px;min-width:68px;padding:8px 12px;border:1px solid #e8c477;border-radius:17px;background:linear-gradient(#fff2c8,#ffe2a0);box-shadow:0 3px 0 #eacb87;color:#755025;white-space:nowrap}.dollars{font-size:20px;font-weight:900;letter-spacing:-.5px}.dollars small{font-size:15px;letter-spacing:0}.parent-icon{width:36px;min-width:36px;background:transparent;border:0;box-shadow:none}.parent-icon .icon{color:#a28b9d}.read-page{background:#fffaf3;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #e6d9e6;border-radius:16px;min-height:44px;padding:10px 16px;margin:14px auto 20px;font-size:13px;font-weight:800;color:#9070a0}.read-page .icon{width:18px;height:21px}.kind-note{font-size:12px;color:#8c7b88}.subtitle{color:#7e6b83}.nav-button{color:#99849a}.nav-button span{font-size:12px}.sprite-art{position:relative;overflow:hidden;border-radius:18%;isolation:isolate;aspect-ratio:1}.sprite-art>span{position:absolute;inset:-.75%;background-size:400% 400%;background-repeat:no-repeat}.art{flex-shrink:0}.puppy{background-image:url('./assets/puppy.webp');background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1;width:160px;flex-shrink:0;filter:drop-shadow(0 5px 3px #735d6320)}.dog-pose-0{background-position:0 0}.dog-pose-1{background-position:100% 0}.dog-pose-2{background-position:0 100%}.dog-pose-3{background-position:100% 100%}.new-hero{height:390px}.new-hero .hero-klara{width:244px;left:14%;margin-left:0;bottom:20px}.hero-puppy{position:absolute;width:138px;bottom:21px;right:5%;z-index:2;animation:puppy-breathe 3s ease-in-out infinite;transform-origin:center bottom}.new-hero .hello-bubble{top:167px;left:15px;font-size:23px;padding:10px 13px}.hello-bubble span{font-size:10px}.new-hero .hero-heading p{font-size:14px}.new-hero .hero-heading .eyebrow{font-size:9px}.home-content>.read-page{margin-top:-8px;margin-bottom:17px}.pet-home-card{width:100%;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#ffedf0,#fff9e9);border:1px solid #eed6d6;border-radius:24px;margin:0 0 18px;padding:9px 14px 9px 4px;text-align:left;box-shadow:0 4px 0 #ebdcd6}.pet-home-card .puppy{width:82px}.pet-home-card>span{flex:1}.pet-home-card strong{font-size:15px;display:block}.pet-home-card small{font-size:11px;color:#998299;display:block;line-height:1.5;margin-top:6px}.pet-home-card>.icon{width:19px;color:#c28bab}.world-preview>.kind-note{grid-column:1/-1}.world-tile strong{font-size:12px}.world-tile>span{font-size:11px}.tiny-note{font-size:11px;margin-bottom:20px}.tiny-note span{color:#927b8b}.summary-icon{flex-shrink:0}.journey-summary p{font-size:12px;color:#927c96}.stop-text small{font-size:10px}.stop-text em{font-size:12px;color:#90738d}.lesson-stop.locked{opacity:.7}.lesson-road{margin-top:25px}.intro-vocab-art{position:absolute;left:15px;top:35px;width:135px;height:135px;transform:rotate(-7deg)}.intro-art .mascot{right:-7px}.lesson-plan b{flex-shrink:0}.lesson-plan small{font-size:12px;line-height:1.5;color:#927d91}.lesson-plan p{font-size:16px;margin-bottom:12px}.lesson-plan p b{display:inline;border:0;background:transparent;font-size:16px}.lesson-plan>small{font-size:12px}.test-shortcut{margin-top:15px}.earn-note{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0 0;color:#9f8252}.earn-note>span:last-child{font-size:12px}.round-purse{background:#fff2d2;border:1px solid #eddaac;border-radius:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px;margin-top:12px;padding:8px 13px;color:#8d713f}.round-purse>span{font-size:12px;font-weight:750}.round-purse strong{font-size:19px}.round-purse small{width:100%;font-size:10px}.round-break{text-align:center;padding-top:15px}.round-break .puppy{width:170px;margin:0 auto 18px}.round-break h1{font-size:29px;margin-top:14px}.round-break .subtitle{font-size:16px}.pause-button{display:block;margin:19px auto 0;font-size:12px;color:#8e738c}.word-picture{width:205px;height:205px;padding:0;background:transparent;margin-bottom:16px;overflow:hidden;border-radius:25px}.word-picture .art{width:100%;height:100%;max-height:none}.word-card{padding:16px 18px 21px}.word-card h1{font-size:37px}.word-card>p{color:#8e6f88}.repeat-invite{font-size:14px;color:#93718b;line-height:1.5}.guide{margin:15px 0 6px}.guide strong{font-size:15px}.guide span{font-size:12px;color:#947a91}.lesson-page>.read-page{margin:0 auto 12px}.question-stage{display:flex;justify-content:center;min-height:110px}.large-prompt{width:180px;height:180px;border-radius:28px;background:#fffdf9;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 0 #eee1df;padding:5px}.large-prompt>.art{width:100%;height:100%;border-radius:23px}.large-prompt:has(.relation-caption)>.art{width:145px;height:145px}.relation-caption{font-size:13px;font-weight:800;color:#92718c;margin-top:2px}.listen-target{display:flex;align-items:center;gap:18px;justify-content:center;width:100%;padding:20px 12px;background:var(--wash);border:1px solid var(--mid);border-radius:23px}.listen-target>.icon{width:43px;height:45px;color:var(--deep)}.meaning-prompt{display:flex;align-items:center;justify-content:center;min-height:115px;width:100%;border:2px solid var(--mid);border-radius:23px;background:#fffdf8;font-size:28px;line-height:1.3;padding:22px;text-align:center;font-weight:850;color:var(--deep)}.count-treasures{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;padding:4px}.count-treasure{transform:rotate(var(--tilt));display:block;aspect-ratio:1}.count-treasure svg{width:100%;height:100%;display:block}.fallback-word{min-height:44px;font-size:12px;margin:4px auto}.fallback-word [lang=en]{font-size:23px;font-weight:900;color:#8b68a3}.answer-wrap{position:relative;min-width:0}.answer{width:100%;padding:8px;min-height:134px}.answer>.art{width:108px;height:108px}.text-answers .answer{min-height:82px;padding:12px 40px 12px 12px;font-size:19px;line-height:1.3;flex-direction:row;gap:6px;justify-content:flex-start;word-break:normal;overflow-wrap:anywhere}.text-answers .answer>small{font-size:11px;color:#b69ab6;align-self:flex-start;position:absolute;left:8px;top:6px}.text-answers .answer>span{margin-top:2px}.option-sound{position:absolute;right:2px;bottom:5px;width:40px;min-height:48px;border-radius:14px;display:grid;place-items:center;background:transparent;color:#a17cb2}.option-sound .icon{width:21px;height:23px}.text-answers .answer>i{top:-8px;right:0}.feedback{font-size:14px}.feedback small{font-size:11px;color:#849078}.feedback.gentle{color:#a17768}.feedback-space{min-height:90px}.feedback .icon{width:25px}.test-puppy{width:165px;margin:0 auto 20px}.pet-scene{height:300px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #dbe6c7;border-radius:30px;background:#cde9e7;margin:20px 0 22px}.pet-scene>.landscape{z-index:-2}.scene-klara{position:absolute;left:0;bottom:26px;width:225px;z-index:2}.scene-puppy{position:absolute;right:4%;bottom:27px;width:142px;z-index:3;transform-origin:bottom center}.puppy-name{position:absolute;right:9%;bottom:8px;color:#fffaf0;text-shadow:0 1px 3px #627a5f;font-size:14px;font-weight:850;letter-spacing:.5px;z-index:4}.scene-house{position:absolute;width:135px;height:135px;right:-12px;bottom:68px;z-index:0}.scene-bed{position:absolute;width:155px;height:115px;right:7px;bottom:1px;z-index:1}.scene-bowl{position:absolute;width:62px;height:62px;right:5px;bottom:4px;z-index:4}.scene-toy{position:absolute;width:60px;height:60px;left:49%;bottom:6px;z-index:5}.scene-bandana{position:absolute;width:56px;height:56px;right:15%;bottom:66px;z-index:4;pointer-events:none}.scene-leash{position:absolute;width:74px;height:74px;left:44%;bottom:40px;z-index:2;transform:rotate(20deg)}.gift-floating{position:absolute;top:19px;right:20px;width:80px;height:80px;z-index:6;animation:gift-float 2s ease-in-out infinite;background:#fff5d9d9;border:2px solid #ffdc83;border-radius:23px;box-shadow:0 4px 0 #ccad5c44}.joyful .scene-klara{animation:happy 1.1s ease-in-out infinite}.joyful .scene-puppy{animation:puppy-cheer 1.2s steps(1) infinite,puppy-jump .6s ease-in-out infinite}.pet-heart{position:absolute;color:#e36f9c;z-index:5;font-size:24px;animation:heart-up 2s ease-out infinite;pointer-events:none;text-shadow:0 2px 0 #fff}.h1{left:48%;top:37%;animation-delay:.25s}.h2{right:10%;top:33%;animation-delay:1s;font-size:19px}.h3{left:34%;top:15%;animation-delay:1.5s;font-size:18px}.welcome-page{padding:28px 25px 30px;min-height:100dvh;text-align:center;background:radial-gradient(ellipse at 50% 35%,#ffe7ee,var(--cream) 70%)}.welcome-page>.eyebrow{font-size:9px;letter-spacing:1.4px}.welcome-page .pet-scene{height:320px;margin:22px 0}.welcome-page h1{font-size:32px;margin-top:19px;color:#9c5f87}.welcome-page .subtitle{font-size:16px;margin-bottom:25px}.welcome-page .read-page{margin-top:20px}.onboarding-dots{display:flex;gap:8px;justify-content:center}.onboarding-dots i{width:7px;height:7px;border-radius:50%;background:#e3cedb}.onboarding-dots .active{width:24px;border-radius:6px;background:#d08da8}.pet-page,.shop-page{padding:22px 23px 115px}.pet-page h1{font-size:28px;margin-top:10px}.pet-page .pet-scene{margin-top:24px}.pet-page>.read-page{margin-top:0}.inventory{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:8px}.inventory button{background:#fffefa;border:1px solid #e4d7e3;border-radius:24px;padding:10px 9px;display:flex;align-items:center;flex-direction:column;gap:6px}.inventory .art{width:110px;height:110px}.inventory strong{font-size:13px}.inventory button>span{font-size:11px;color:#a9759c;min-height:35px;display:flex;align-items:center;gap:6px}.inventory .icon{width:14px;height:15px}.empty-inventory{display:flex;align-items:center;gap:12px;padding:14px;background:#fff8e9;border:1px dashed #e9d6ad;border-radius:21px;margin-top:10px}.empty-inventory .art{width:70px;height:70px}.empty-inventory p{font-size:13px;line-height:1.7;color:#9c856b}.shop-title{display:flex;align-items:center;gap:8px}.shop-title>div:first-child{flex:1}.shop-title h1{font-size:29px;margin-top:10px}.shop-title .puppy{width:84px}.shop-page .subtitle{font-size:14px;margin:10px 0 14px}.shop-tabs{display:flex;gap:7px;margin:15px 0 22px}.shop-tabs button{background:#f1e7f1;border-radius:16px;min-height:44px;flex:1;font-size:12px;font-weight:800;color:#947293;border:1px solid #e6d6e6}.shop-tabs button.active{background:#c889ae;color:white;border-color:#ba80a2;box-shadow:0 3px 0 #ad7394}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 12px}.shop-card{position:relative;background:#fffefa;display:flex;flex-direction:column;align-items:center;border:1px solid #e6d9dd;border-radius:24px;padding:13px 8px 14px;box-shadow:0 4px 0 #eae0db;gap:9px}.shop-image{width:118px;height:118px}.shop-card>strong{font-size:14px;text-align:center;line-height:1.25;min-height:35px;display:flex;align-items:center;justify-content:center}.shop-card>small{font-size:10px;line-height:1.5;color:#96818f;min-height:27px;display:flex;align-items:center;justify-content:center}.shop-price{color:#a47a37;font-weight:850;background:#fff1ca;border-radius:11px;padding:5px 12px}.shop-price .dollars{font-size:18px}.shop-card>i{position:absolute;top:9px;right:10px;color:#a58bab;background:#f3e9ef;border-radius:50%;padding:5px}.shop-card>i .icon{width:14px;height:16px}.shop-card.owned{border-color:#b7cfae;background:#f6fbed}.owned .shop-price{background:#e3f0d5;color:#799464;font-size:13px}.locked-item .shop-image{opacity:.72}.shop-how{border:1px dashed #d5bfd7;background:#faf0f6;border-radius:24px;padding:20px;margin-top:28px;text-align:center}.shop-how>strong{font-size:16px}.shop-how p{font-size:13px;line-height:1.6;margin:10px 0 18px;color:#9e7d92}.empty-message{text-align:center;padding:30px 12px;color:#967d93;line-height:1.6}.item-page,.gift-page{padding:25px 25px 35px;min-height:calc(100dvh - 64px);text-align:center;background:radial-gradient(ellipse at 50% 25%,var(--wash),var(--cream) 70%)}.item-large{width:230px;height:230px;background:#fffdf7;border:1px solid #eadde5;border-radius:40px;margin:0 auto 24px;padding:5px;box-shadow:0 7px 0 #e9dbe5}.item-page h1{font-size:30px}.item-price{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ad7a34;margin-bottom:12px}.item-price .dollars{font-size:36px}.item-price .dollars small{font-size:23px}.item-price>span:last-child{font-size:13px;color:#a38a99}.owned-badge{display:block;font-size:14px;color:#73966b;font-weight:800;background:#f0f8e5;padding:15px 10px;border-radius:15px;margin-bottom:10px}.locked-info{font-size:15px;line-height:1.7;background:#f5eaf4;border:1px solid #dfc7e0;padding:16px;border-radius:21px;margin-bottom:22px;color:#99719c}.locked-info>.icon{width:20px;height:21px;vertical-align:middle}.gift-page h1{margin-top:14px;font-size:31px}.gift-page .pet-scene{height:320px}.gift-page>.secondary{margin-top:17px}.payday{background:#fffdf5;border:1px solid #e8dab8;padding:17px;border-radius:23px;text-align:left;margin:22px 0}.payday>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#8e7b83;padding:7px 0;align-items:center}.payday strong{font-size:17px;white-space:nowrap;color:#977941}.payday .payday-total{border-top:1px dashed #e5d1a1;padding-top:14px;margin-top:7px;font-weight:850;color:#98723c}.payday-total strong{font-size:24px}.result-stars{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:13px;color:#91a374}.result-actions{display:grid;gap:13px;margin-top:17px}.results .pet-scene{height:255px;margin:22px -5px}.results .scene-klara{width:210px}.results .scene-puppy{width:135px}.results .subtitle{font-size:15px}.waiting-puppy{margin:0 auto 23px;width:170px}.parent-gate>.secondary{margin-top:18px}.book-page>.eyebrow{font-size:9px}.book-page h1{font-size:27px;max-width:350px;line-height:1.25}.word-grid .dictionary-card>.art{width:106px;height:106px}.dictionary-card>span{font-size:12px;color:#957891}.dictionary-card strong{font-size:18px}.dictionary-card{min-height:214px}.speaking .hero-klara,.speaking .scene-klara:not(.joyful *){animation:talk .7s ease-in-out infinite}.voice-unavailable .read-page:after{content:'(tekst na ekranie)';font-size:9px;color:#a6899f}.settings-card p{color:#7c6e80}.settings-card label{color:#826987}.settings-card input{flex-shrink:0}
@keyframes puppy-breathe{50%{transform:rotate(-2deg) scale(1.02)}}@keyframes puppy-cheer{0%,100%{background-position:0 100%}50%{background-position:100% 0}}@keyframes puppy-jump{50%{transform:translateY(-14px) rotate(4deg)}}@keyframes heart-up{0%{transform:translateY(20px) scale(.5);opacity:0}25%{opacity:1}100%{transform:translateY(-45px) scale(1.2);opacity:0}}@keyframes gift-float{50%{transform:translateY(-6px) rotate(6deg)}}
@media(min-width:700px){.new-hero{height:430px}.new-hero .hero-klara{width:265px;left:18%;bottom:26px}.hero-puppy{width:154px;right:7%;bottom:27px}.new-hero .hello-bubble{left:35px;top:191px}.scene-klara{width:250px;left:25px}.scene-puppy{width:165px;right:6%}.pet-scene{height:330px}.results .scene-klara{left:32px}.welcome-page .scene-klara{left:12px}.word-picture{width:220px;height:220px}.answer>.art{width:125px;height:125px}.text-answers .answer{font-size:22px}.shop-image{width:150px;height:150px}.shop-card>strong{font-size:16px}.shop-card>small{font-size:12px}.inventory .art{width:130px;height:130px}.inventory strong{font-size:15px}.gift-page .scene-puppy{right:6%}.large-prompt{width:195px;height:195px}}
@media(max-width:370px){.topbar{padding:10px 13px;gap:6px}.top-title{font-size:10px}.wallet-pill{min-width:62px;padding:7px 10px}.dollars{font-size:18px}.new-hero{height:357px}.new-hero .hero-klara{width:218px;left:12%;bottom:16px}.hero-puppy{width:119px;right:4%;bottom:19px}.new-hero .hello-bubble{top:153px;left:10px;font-size:21px}.new-hero .hello-bubble span{font-size:8px}.new-hero .hero-heading p{font-size:12px}.new-hero .hero-heading .eyebrow{font-size:8px}.pet-home-card{gap:6px}.pet-home-card .puppy{width:66px}.pet-home-card strong{font-size:13px}.pet-home-card small{font-size:10px}.guide strong{font-size:14px}.lesson-page{padding:12px 16px 25px}.guide .mascot{width:76px;height:76px;margin-left:-9px}.word-picture{width:180px;height:180px}.word-card h1{font-size:33px}.word-card>p{font-size:15px}.text-answers .answer{font-size:17px;min-height:79px;padding-left:11px;padding-right:35px}.option-sound{width:34px}.answer>.art{width:103px;height:103px}.large-prompt{width:160px;height:160px}.shop-page,.pet-page{padding-left:17px;padding-right:17px}.shop-title h1{font-size:26px}.shop-title .eyebrow{font-size:9px}.shop-title .puppy{width:74px}.shop-image{width:112px;height:112px}.shop-card>strong{font-size:13px}.shop-grid{gap:13px 10px}.pet-scene,.welcome-page .pet-scene,.gift-page .pet-scene{height:275px}.scene-klara{width:199px;left:-9px}.scene-puppy{width:126px;right:1%}.scene-bowl{width:52px;height:52px}.welcome-page{padding:24px 20px}.welcome-page h1{font-size:29px}.welcome-page .subtitle{font-size:15px}.welcome-page .eyebrow{font-size:8px}.results{padding-left:20px;padding-right:20px}.results .scene-klara{width:192px;left:-4px}.results .scene-puppy{width:121px}.intro-vocab-art{width:115px;height:115px;left:8px;top:39px}.intro-art .mascot{width:207px;right:-16px}.intro-art{height:192px}.inventory .art{width:105px;height:105px}.book-page{padding-left:18px;padding-right:18px}.word-grid .dictionary-card>.art{width:96px;height:96px}.dictionary-card strong{font-size:16px}.gift-floating{width:68px;height:68px;top:15px;right:15px}.word-grid{gap:10px}.count-treasures{gap:2px;padding:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep a full question and its four choices within a typical phone screen. */
.lesson-page:has(.question-stage) .guide{min-height:65px;margin:10px 0 6px}.lesson-page:has(.question-stage) .guide .mascot{width:63px;height:63px;margin-left:-8px}.lesson-page:has(.question-stage) .guide>div:last-child{padding:10px 12px}.lesson-page:has(.question-stage) .guide strong{font-size:14px}.lesson-page:has(.question-stage) .round-purse{padding:7px 12px;column-gap:10px}.lesson-page:has(.question-stage) .round-purse small{width:auto;font-size:9px}.lesson-page:has(.question-stage)>.read-page{margin:0 auto 10px;min-height:44px;padding:8px 14px}.lesson-page:has(.question-stage) .question-stage{min-height:76px}.lesson-page:has(.question-stage) .listen-target{padding:10px 12px;gap:15px}.lesson-page:has(.question-stage) .listen-target>.icon{width:31px;height:34px}.lesson-page:has(.question-stage) .answers{gap:11px;margin-top:10px}.lesson-page:has(.question-stage) .answer:not(.text-answers .answer){min-height:114px}.lesson-page:has(.question-stage) .answer>.art{width:94px;height:94px}.lesson-page:has(.question-stage) .feedback-space{min-height:75px;margin-top:12px}.lesson-page:has(.question-stage) .feedback{margin-bottom:10px}.lesson-page:has(.question-stage) .pause-button{margin-top:10px}.lesson-page:has(.question-stage) .large-prompt{width:160px;height:160px}.lesson-page:has(.question-stage) .large-prompt:has(.relation-caption)>.art{width:126px;height:126px}
.text-answers .answer:has(.long-word){font-size:16px;padding-left:10px;padding-right:35px}.text-answers .long-word{overflow-wrap:normal}@media(max-width:370px){.text-answers .answer:has(.long-word){font-size:15px}}