@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/quicksand-latin.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Quicksand,system-ui,sans-serif;color:#4d3f35;background:#f9f4ec;-webkit-user-select:none;user-select:none;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none}.display{font-family:"Baloo 2",Quicksand,sans-serif}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:translate(0)}20%{transform:translate(-9px) rotate(-3deg)}50%{transform:translate(9px) rotate(3deg)}80%{transform:translate(-5px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes riseIn{0%{transform:translateY(18px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes sparkle{0%{transform:scale(.4) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:16px;padding:clamp(10px,2vh,20px) 28px 8px 28px;flex:0 0 auto}.back-btn{width:72px;height:72px;border-radius:999px;background:#fff;box-shadow:0 4px #e5ddd0;font-size:30px;color:#706052;display:flex;align-items:center;justify-content:center}.dots{flex:1 1 auto;display:flex;align-items:center;gap:10px}.dot{width:20px;height:20px;border-radius:999px}.sticker-pill{height:72px;padding:0 26px 0 20px;border-radius:999px;background:#fff;box-shadow:0 4px #e5ddd0;display:flex;align-items:center;gap:12px}.sticker-pill-star{font-size:34px}.sticker-pill-count{font-family:"Baloo 2",Quicksand,sans-serif;font-size:30px;font-weight:700;color:#706052}.home{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:8px 40px clamp(16px,4vh,44px) 40px;gap:clamp(16px,3.4vh,34px)}.home-greeting{display:flex;align-items:center;gap:18px}.home-title{font-family:"Baloo 2",Quicksand,sans-serif;font-size:58px;font-weight:700;letter-spacing:-.01em}.home-speak{width:62px;height:62px;border-radius:999px;background:#d5ebff;background:oklch(.93 .045 245);font-size:28px;display:flex;align-items:center;justify-content:center}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.home-card{border-radius:44px;padding:clamp(20px,3vh,40px) 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,18px);min-height:min(300px,32vh)}.home-card.hue-sand{background:#f8e1bc;box-shadow:0 8px #e3caa2}.home-card.hue-green{background:#c3f1dc;box-shadow:0 8px #aadbc4}.home-card.hue-pink{background:#ecddff;background:oklch(.92 .055 305);box-shadow:0 8px #d7c4ee}.home-card-emoji{font-size:min(96px,11vh);line-height:1;animation:floaty 3.4s ease-in-out infinite}.home-card-title{font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(34px,4.2vh);line-height:1.1;text-wrap:balance;font-weight:700}.home-bottom{display:flex;justify-content:flex-end}.parent-btn{width:108px;height:min(100px,11vh);min-height:68px;border-radius:34px;background:#eeebe5;box-shadow:0 6px #dfdad2;font-size:34px;color:#7b6f66}.screen-center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3.5vh,40px);padding:0 40px clamp(16px,4vh,48px) 40px}.screen-title{font-family:"Baloo 2",Quicksand,sans-serif;font-size:44px;font-weight:700}.speak-pill{flex:0 0 auto;display:flex;align-items:center;gap:30px;background:#d5ebff;background:oklch(.93 .045 245);border-radius:60px;padding:clamp(12px,2.4vh,26px) 46px;box-shadow:0 8px #b6d5f0}.speak-pill-icon{font-size:min(52px,6vh)}.speak-pill-letter{font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(96px,11vh);font-weight:700;line-height:1;color:#304b61;min-width:90px}.jakt-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,min(160px,23vh));gap:clamp(12px,2.6vh,26px);width:100%;max-width:880px}.jakt-tile{border-radius:40px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(84px,11vh);font-weight:700;color:#544438}.screen-center.lyd{gap:clamp(12px,2.6vh,34px)}.lyd-pic{flex:0 0 auto;width:min(260px,26vh);height:min(260px,26vh);border-radius:60px;background:#d4f4e5;display:flex;align-items:center;justify-content:center;font-size:min(140px,15vh)}.lyd-slots{flex:0 0 auto;display:flex;gap:clamp(8px,1.8vh,18px)}.lyd-slot{width:min(120px,13vh);height:min(140px,15vh);border-radius:32px;border:4px dashed;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(78px,9vh);font-weight:700;color:#544438}.lyd-tiles{flex:0 0 auto;display:flex;gap:clamp(10px,2vh,20px);margin-top:2px}.lyd-tile{width:max(88px,min(130px,15vh));height:max(88px,min(130px,15vh));border-radius:34px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(68px,8vh);font-weight:700;color:#544438}.word-pill{flex:0 0 auto;display:flex;align-items:center;gap:28px;background:#fff;border-radius:48px;padding:clamp(12px,2.2vh,22px) 44px;box-shadow:0 8px #e5ddd0}.word-pill-word{font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(92px,11vh);font-weight:700;letter-spacing:.06em;color:#4d4259}.word-pill-icon{font-size:min(40px,5vh);opacity:.5}.match-options{flex:0 0 auto;display:flex;gap:clamp(14px,3vh,28px)}.match-option{width:min(230px,26vh);height:min(230px,26vh);border-radius:48px;font-size:min(120px,14vh)}.reward{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3vh,30px);padding:0 40px clamp(20px,5vh,60px) 40px}.reward-emoji{font-size:min(190px,22vh);line-height:1;animation:sparkle .7s cubic-bezier(.2,1.4,.4,1) both}.reward-text{font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(56px,7vh);font-weight:700;animation:riseIn .5s .2s both}.reward-next{border-radius:999px;background:#baebd4;box-shadow:0 8px #9dd6bc;padding:clamp(16px,3vh,26px) 64px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:min(38px,4.6vh);font-weight:700;color:#274b3c;animation:riseIn .5s .35s both}.parent{flex:1 1 auto;display:flex;flex-direction:column;gap:26px;padding:0 44px 44px;overflow-y:auto}.parent-summary{font-size:22px;font-weight:500;color:#84786f}.parent-card{background:#fff;border-radius:36px;padding:30px 34px;display:flex;flex-direction:column;gap:18px}.parent-card-title{font-size:24px;font-weight:700;color:#706052}.parent-letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px}.parent-letter{border-radius:22px;background:#f9f4ec;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:8px}.parent-letter-char{font-family:"Baloo 2",Quicksand,sans-serif;font-size:34px;font-weight:700}.parent-bar{width:100%;height:10px;border-radius:999px;background:#ece7df;overflow:hidden}.parent-bar-fill{height:100%;border-radius:999px}.parent-letter-count{font-size:15px;font-weight:600;color:#8a7e75}.parent-words{display:flex;flex-wrap:wrap;gap:12px}.parent-word{border-radius:999px;padding:12px 22px;display:flex;align-items:center;gap:10px}.parent-word-text{font-size:24px;font-weight:700;letter-spacing:.04em}.parent-word-count{font-size:18px;font-weight:600;opacity:.6}.parent-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:20px;font-weight:600}.parent-input{font-family:inherit;font-size:20px;font-weight:600;color:inherit;border:2px solid oklch(.9 .015 80);border-radius:14px;padding:10px 16px;background:#f9f4ec;max-width:220px}.parent-check{width:28px;height:28px;accent-color:oklch(.7 .1 165)}.parent-voice{display:flex;align-items:center;gap:10px}.parent-voice select.parent-input{max-width:320px}.parent-test{border-radius:14px;background:#d5ebff;background:oklch(.93 .045 245);padding:10px 18px;font-size:18px;font-weight:700;color:#304b61}.parent-voice-hint{font-size:16px;font-weight:500;color:#84786f}.studio-count{font-size:18px;font-weight:600;color:#8a7e75;margin-left:8px}.studio-intro{font-size:17px;font-weight:500;color:#7b6f66}.studio-group-title{font-size:19px;font-weight:700;color:#7f6e60;margin:10px 0 8px}.studio-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.studio-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:18px;background:#f9f4ec;padding:10px 14px}.studio-row.recorded{background:#d4f4e5}.studio-label{font-size:19px;font-weight:700}.studio-hint{font-size:15px;font-weight:500;color:#7b6f66}.studio-actions{display:flex;gap:8px}.studio-btn{width:48px;height:44px;border-radius:14px;background:#fff;box-shadow:0 3px #e5ddd0;font-size:20px}.studio-btn.recording{background:#ffb9b7;background:oklch(.85 .11 20);animation:pop 1s ease infinite}.parent-reset{align-self:flex-start;border-radius:999px;background:#f6f1e9;box-shadow:inset 0 0 0 2px #e3ddd3;padding:16px 34px;font-size:20px;font-weight:700;color:#826c65}