:root{--blue:#2e86de;--blue-dark:#1d5faf;--blue-darker:#164a88;--blue-light:#cfe8ff;--sky:#eef5fd;--ink:#1b2430;--muted:#3f4a5a;--line:#d5e3f2;--warn:#b35a00;--warn-bg:#fff4e6;--good:#1d6b45;--good-bg:#e7f6ee;--bad:#a3361f;--bad-bg:#fdecea;--radius:20px;--display:"Baloo 2", system-ui, sans-serif;--body:"Be Vietnam Pro", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--sky);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}button,select{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:14px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-name{font-family:var(--display);margin:0;font-size:22px;font-weight:800;line-height:1.1}.brand-tag{color:var(--muted);margin:0;font-size:13px}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:2px solid var(--line);min-width:44px;min-height:44px;color:var(--blue-dark);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{border-color:var(--blue-dark)}.icon-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.ios-hint{border:2px solid var(--blue-light);max-width:688px;color:var(--blue-darker);background:#fff;border-radius:14px;align-items:center;gap:10px;margin:0 auto 8px;padding:8px 8px 8px 14px;font-size:14px;display:flex}@media (max-width:720px){.ios-hint{margin:0 16px 8px}}.ios-hint p{flex:1;margin:0}.ios-hint .icon-btn{border:0;min-width:40px;min-height:40px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.lang-select select{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;min-height:44px;padding:0 12px}.page-title{max-width:720px;font-family:var(--display);margin:4px auto 0;padding:0 16px;font-size:32px;font-weight:800;line-height:1.15}.picker{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px 16px;display:flex}.picker-title{font-family:var(--display);margin:0;font-size:30px;font-weight:800;line-height:1.2}.picker-title span{color:var(--muted);font-size:20px;font-weight:600;display:block}.picker-options{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:600;transition:transform .1s,background .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.mode-tab:focus-visible,.dot:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn-primary{background:var(--blue-dark);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-darker)}.btn-outline{color:var(--blue-dark);border-color:var(--blue-dark);background:#fff}.btn-outline:hover:not(:disabled){background:var(--sky)}.btn-ghost{color:var(--blue-dark);background:0 0}.btn-lang{border-color:var(--line);background:#fff;min-height:60px;font-size:20px}.btn-lang:hover{border-color:var(--blue-dark)}.btn-record{width:100%;min-height:64px;font-family:var(--display);background:var(--blue-dark);color:#fff;border-radius:32px;font-size:22px;font-weight:800}.btn-record:hover:not(:disabled){background:var(--blue-darker)}.btn-record.is-recording{background:var(--bad);animation:1.2s ease-in-out infinite pulse}.trial{max-width:720px;margin:0 auto;padding:8px 16px 40px}.banner{background:var(--warn-bg);color:var(--warn);border-radius:12px;margin:8px 0;padding:10px 14px;font-size:14px}.mode-tabs{border:2px solid var(--line);background:#fff;border-radius:16px;margin:12px 0 4px;padding:4px;display:inline-flex}.mode-tab{cursor:pointer;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:0 20px;font-weight:600}.mode-tab[aria-pressed=true]{background:var(--blue-dark);color:#fff}.intro{color:var(--muted);margin:8px 0}.consent{color:var(--muted);margin:0 0 8px;font-size:13px}.card{border:2px solid var(--blue-light);background:#fff;border-radius:28px;flex-direction:column;gap:14px;padding:20px;display:flex}.card-top{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.chip{background:var(--sky);color:var(--blue-darker);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.item-text{font-family:var(--display);margin:0;font-size:32px;font-weight:800;line-height:1.2}.is-kid .item-text{text-align:center;font-size:52px}.ipa{color:var(--muted);margin:-8px 0 0;font-size:15px}.is-kid .ipa{text-align:center}.hint{background:var(--sky);border-radius:14px;margin:0;padding:10px 14px;font-size:15px}.row{flex-wrap:wrap;gap:10px;display:flex}.is-kid .row{justify-content:center}.stage{justify-content:center;display:flex}.meter{background:var(--sky);border-radius:4px;height:8px;overflow:hidden}.meter-fill{background:var(--blue);transform-origin:0;height:100%;transition:transform 80ms linear}.error{background:var(--bad-bg);color:var(--bad);border-radius:14px;margin:0;padding:12px 14px}.result{border-top:2px dashed var(--line);flex-direction:column;gap:14px;padding-top:6px;display:flex}.level{font-family:var(--display);margin:0;font-size:26px;font-weight:800;line-height:1.2}.is-kid .level{text-align:center;font-size:34px}.stars{justify-content:center;gap:6px;display:flex}.score-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.score-big{background:var(--sky);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:112px;height:112px;display:flex}.score-num{font-family:var(--display);font-size:44px;font-weight:800;line-height:1}.score-label{color:var(--muted);text-align:center;padding:0 10px;font-size:11px;line-height:1.2}.subscores{flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;font-size:14px;display:flex}.subscores div{gap:6px;display:flex}.subscores dt{color:var(--muted)}.subscores dd{margin:0;font-weight:600}.words{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.word{border:2px solid;border-radius:12px;flex-direction:column;align-items:center;padding:6px 12px;display:flex}.word-text{font-size:18px;font-weight:600}.word-status{font-size:12px}.word-good{background:var(--good-bg);color:var(--good);border-color:#9fd5b9}.word-ok{background:var(--warn-bg);color:var(--warn);border-color:#f2c48d}.word-bad,.word-missed{background:var(--bad-bg);color:var(--bad);border-color:#f0a99c}.word-missed .word-text{text-decoration:line-through}.issues{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.issue{background:var(--sky);border-radius:14px;padding:12px 14px}.issue-title{margin:0;font-weight:600}.issue-tip{color:var(--muted);margin:4px 0 0;font-size:15px}.ok-note{color:var(--good);margin:0;font-weight:600}.nav{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dot{background:var(--line);cursor:pointer;border:0;border-radius:50%;width:12px;height:12px;padding:0;position:relative}.dot:after{content:"";position:absolute;inset:-8px}.dot[aria-current=step]{background:var(--blue-dark);border-radius:6px;width:24px}.bubu-spout{transform-origin:120px 66px;animation:.9s ease-out spout}.bubu-pulse{animation:1.2s ease-in-out infinite pulse}.bubu-dots{animation:1.4s ease-in-out infinite bob}.bubu-wave{transform-origin:44px 142px;animation:1.2s ease-in-out 2 wave}.bubu-great{animation:.6s ease-out hop}@keyframes spout{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes pulse{50%{opacity:.55}}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes wave{50%{transform:rotate(14deg)}}@keyframes hop{40%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:480px){.page-title,.item-text{font-size:26px}.is-kid .item-text{font-size:44px}.card{border-radius:24px;padding:16px}.row .btn{flex:1 1 0;min-width:0;padding:0 10px}.stage .bubu{width:120px;height:120px}.is-kid .stage .bubu{width:160px;height:160px}.card{gap:12px}.header{padding:10px 16px}.brand-tag{display:none}.brand-name{font-size:18px}.lang-select select{padding:0 8px}.header-actions{gap:6px}}@media (max-width:400px){.brand-name{display:none}}.kid-main{max-width:760px;min-height:100dvh;margin:0 auto;padding:12px 16px 24px}.kh-loading{min-height:60vh}.kp-icon{width:56px;height:56px;color:var(--blue-dark);cursor:pointer;box-shadow:0 3px 0 var(--line);background:#fff;border:0;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kp-icon:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.kp-icon:disabled{opacity:.45}.kp-icon.quiet{box-shadow:none;color:var(--muted);background:0 0;width:44px;height:44px}.kp-icon:focus-visible,.kp-round:focus-visible,.kp-mic:focus-visible,.kh-book:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.kp{flex-direction:column;gap:12px;display:flex}.kp-top{align-items:center;gap:10px;display:flex}.kp-dots{flex-wrap:wrap;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.kp-dot{background:var(--line);border-radius:50%;width:10px;height:10px;transition:transform .2s}.kp-dot.quiz{border-radius:3px;transform:rotate(45deg)scale(.85)}.kp-dot.done{background:var(--blue)}.kp-dot.now{background:#ffb020;transform:scale(1.35)}.kp-dot.quiz.now{transform:rotate(45deg)scale(1.2)}.kp-stage{box-shadow:0 4px 0 var(--line);background:#bfe1ff;border-radius:24px;position:relative;overflow:hidden}.kp-stage>svg{width:100%;height:auto;display:block}.kp-stage .tappable{cursor:pointer}.kp-bubble{max-width:86%;color:var(--ink);text-align:center;font-family:var(--display);white-space:nowrap;background:#fff;border-radius:18px;margin:0;padding:4px 16px;font-size:clamp(17px,4.6vw,28px);font-weight:800;line-height:1.25;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 3px #00000014}.kp-stars{pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.kp-stars span{color:#ffffffa6;text-shadow:0 4px #0000001f;font-size:clamp(56px,14vw,92px);animation:.45s cubic-bezier(.3,1.6,.5,1) both starPop}.kp-stars span.on{color:#ffc531}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(1)rotate(0)}}.kp-narr{text-align:center;color:var(--muted);margin:0;font-size:18px}.kp-bottom{justify-content:center;align-items:center;gap:16px;padding-top:4px;display:flex}.kp-bubu{flex-shrink:0}.kp-mic{cursor:pointer;background:var(--blue);color:#fff;min-width:120px;height:120px;box-shadow:0 6px 0 var(--blue-darker);border:0;border-radius:60px;justify-content:center;align-items:center;gap:10px;padding:0 28px;transition:transform .1s;display:inline-flex;position:relative}.kp-mic svg{width:52px;height:52px}.kp-mic:active{box-shadow:0 2px 0 var(--blue-darker);transform:translateY(4px)}.kp-mic.talking{background:#8fb9e6;box-shadow:0 6px #6b93bf}.kp-mic.ready{animation:1.2s ease-in-out infinite micPulse}.kp-mic.listening{box-shadow:0 6px 0 #a83322, 0 0 0 calc(var(--lvl,0) * 26px) #e5533d40;background:#e5533d}.kp-mic.praise{background:#3fa66b;box-shadow:0 6px #2a7a4c}.kp-word{font-family:var(--display);font-size:34px;font-weight:800;line-height:1}@keyframes micPulse{50%{transform:scale(1.07)}}.kp-denied{background:var(--warn-bg);color:var(--warn);border-radius:18px;align-items:center;gap:12px;max-width:460px;padding:10px 12px 10px 16px;display:flex}.kp-denied p{margin:0;font-size:15px}.kp-round{background:var(--blue);color:#fff;cursor:pointer;width:96px;height:96px;box-shadow:0 6px 0 var(--blue-darker);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kp-round svg{width:44px;height:44px}.kp-round.small{width:64px;height:64px}.kp-round.small svg{width:30px;height:30px}.kp-end{text-align:center;align-items:center;padding-top:24px}.kp-sticker{animation:.8s cubic-bezier(.3,1.5,.5,1) both stickerIn}@keyframes stickerIn{0%{opacity:0;transform:scale(.2)rotate(-30deg)}to{opacity:1;transform:none}}.kp-endstars{font-family:var(--display);color:var(--blue-dark);margin:0;font-size:44px;font-weight:800}.kp-endstars span{color:#ffb020}.kp-endactions{gap:24px;display:flex}.kh{flex-direction:column;gap:16px;display:flex}.kh-top{align-items:center;gap:12px;display:flex}.kh-hello{cursor:pointer;background:0 0;border:0;padding:0}.kh-shelf{min-height:56px;box-shadow:0 3px 0 var(--line);background:#fff;border-radius:18px;flex:1;align-items:center;gap:8px;padding:4px 12px;display:flex}.kh-sticker.empty{border:3px dashed var(--line);border-radius:50%;width:44px;height:44px}.kh-books{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.kh-book{cursor:pointer;box-shadow:0 6px 0 var(--line);text-align:left;background:#fff;border:0;border-radius:24px;flex-direction:column;min-height:180px;padding:0;display:flex;position:relative;overflow:hidden}.kh-book:active{box-shadow:0 3px 0 var(--line);transform:translateY(3px)}.kh-book>svg{width:100%;height:auto;display:block}.kh-book-title{font-family:var(--display);padding:10px 16px 14px;font-size:22px;font-weight:800}.kh-book-play{color:#fff;background:#ffb020;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:1.6s ease-in-out infinite micPulse;display:flex;position:absolute;bottom:54px;right:14px;box-shadow:0 4px #c98400}.kh-book-play svg{margin-left:4px}.kh-book-stars,.kh-book-new{color:var(--blue-dark);background:#fff;border-radius:999px;padding:2px 12px;font-weight:600;position:absolute;top:12px;left:12px}.kh-book-stars{color:#c98400}.kh-book.locked{cursor:default;box-shadow:none;color:var(--muted);background:#e4edf7;justify-content:center;align-items:center}.kh-book-lock{margin-top:24px}.kh-setup,.kh-parent,.kh-gate{box-shadow:0 4px 0 var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:12px;padding:24px;display:flex}.kh-setup{text-align:center;align-items:center}.kh-setup h1,.kh-parent h1,.kh-gate h1{font-family:var(--display);text-wrap:balance;margin:0;font-size:26px;font-weight:800;line-height:1.2}.kh-setup p{max-width:56ch;margin:0}.kh-parent h2{margin:8px 0 0;font-size:16px}.kh-parent p{margin:0}.kh-small{color:var(--muted);font-size:14px}.kh-cta{background:var(--blue);color:#fff;cursor:pointer;min-height:56px;box-shadow:0 4px 0 var(--blue-darker);border:0;border-radius:18px;padding:0 28px;font-size:18px;font-weight:600}.kh-cta:disabled{opacity:.6}.kh-parent-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.kh-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kh-col{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.kh-ages{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.kh-ages li{border:2px solid var(--line);color:var(--muted);border-radius:14px;padding:10px 14px}.kh-ages li.on{border-color:var(--blue);color:var(--blue-dark);font-weight:600}.kh-ages li span{float:right;font-size:13px}.kh-link{color:var(--blue-dark);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:15px;text-decoration:underline}.kh-digits{grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;display:grid}.kh-digits button{border:2px solid var(--line);background:var(--sky);height:72px;font-family:var(--display);cursor:pointer;border-radius:18px;font-size:32px;font-weight:800}.story-zzz text{animation:2s ease-in-out infinite bob}@media (prefers-reduced-motion:reduce){.kp-mic.ready,.kh-book-play,.story-zzz text{animation:none}}@media (max-width:420px){.kp-mic{min-width:104px;height:104px}.kp-bubu:not(.wake)>svg{width:72px;height:72px}}.kp-icon.ghost{visibility:hidden;width:44px;height:44px}.kp-stage{animation:.45s cubic-bezier(.2,.9,.3,1.1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translate(40px)rotate(1.5deg)}to{opacity:1;transform:none}}.kp-prompt{text-align:center;font-family:var(--display);color:var(--ink);margin:0;font-size:clamp(26px,7vw,38px);font-weight:800;line-height:1.15}.kp-prompt b{color:var(--blue-dark);box-shadow:0 3px 0 var(--line);background:#fff;border-radius:14px;padding:0 12px}.kp-prompt.live b{color:#fff;background:#e5533d;box-shadow:0 3px #a83322}.kp-bubu{cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;position:relative}.kp-bubu.wake{animation:1.6s ease-in-out infinite bob}.kp-hand{color:var(--blue-dark);animation:1s ease-in-out infinite tapHint;position:absolute;bottom:-4px;right:-6px}@keyframes tapHint{50%{transform:translate(-6px,-6px)scale(.9)}}.kp-status{width:120px;height:120px;color:var(--blue-dark);box-shadow:0 6px 0 var(--line);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.kp-status.talking svg{animation:1s ease-in-out infinite pulse}.kp-status.tapWait svg,.kp-status.pop svg{animation:1s ease-in-out infinite tapHint}.kp-status.listening{color:#fff;background:#e5533d;box-shadow:0 6px #a83322}.kp-status.praise{color:#fff;background:#3fa66b;box-shadow:0 6px #2a7a4c}.kp-ring{border:4px solid #e5533d;border-radius:50%;animation:1.4s ease-out infinite ring;position:absolute;inset:0}.kp-ring.r2{animation-delay:.7s}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.char-body,.bubu-float,.weed,.rise,.sparkle,.blink,.fin-tail,.fin-top,.claw-l,.claw-r,.legs-l,.legs-r,.stalks,.bubu-tail,.num-pop{transform-box:fill-box}.char-body{transform-origin:50%;animation:3.2s ease-in-out infinite idle}@keyframes idle{50%{transform:translateY(-3px)}}[data-word=fish] .char-body{animation:4.2s ease-in-out infinite swimIdle}@keyframes swimIdle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-7px,-4px)rotate(-4deg)}50%{transform:translate(-2px,3px)rotate(2deg)}75%{transform:translate(6px,-2px)rotate(-2deg)}}.fin-tail{transform-origin:0%;animation:.5s ease-in-out infinite alternate tailWag}@keyframes tailWag{0%{transform:skewY(-12deg)scaleX(.9)}to{transform:skewY(12deg)scaleX(1.05)}}.fin-top{transform-origin:50% 100%;animation:1.1s ease-in-out infinite alternate finFlap}@keyframes finFlap{to{transform:scaleY(.75)skew(-10deg)}}[data-word=crab] .char-body{animation:3.6s ease-in-out infinite scuttle}@keyframes scuttle{0%,to{transform:translate(0)}20%{transform:translate(-9px,-2px)}30%{transform:translate(-9px)}60%{transform:translate(9px,-2px)}70%{transform:translate(9px)}}.claw-l{transform-origin:100% 100%;animation:1.8s ease-in-out infinite snapL}.claw-r{transform-origin:0 100%;animation:1.8s ease-in-out .9s infinite snapR}@keyframes snapL{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-22deg)}80%{transform:rotate(4deg)}90%{transform:rotate(-16deg)}}@keyframes snapR{0%,60%,to{transform:rotate(0)}70%{transform:rotate(22deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(16deg)}}.legs-l{transform-origin:100% 0;animation:.3s ease-in-out infinite alternate legs}.legs-r{transform-origin:0 0;animation:.3s ease-in-out infinite alternate-reverse legs}@keyframes legs{to{transform:rotate(9deg)}}.stalks{transform-origin:50% 100%;animation:2.6s ease-in-out infinite peek}@keyframes peek{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(8deg)}}[data-word=star] .char-body{animation:3s ease-in-out infinite starWiggle}@keyframes starWiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-9deg)scale(1.04,.96)}50%{transform:rotate(0)scale(.97,1.03)}75%{transform:rotate(9deg)scale(1.04,.96)}}[data-word=shell] .char-body{transform-origin:50% 100%;animation:2.8s ease-in-out infinite shellBreathe}@keyframes shellBreathe{50%{transform:scale(1.05,.96)}}.sparkle{transform-origin:50%;animation:1.6s ease-in-out infinite sparkle}.sparkle.s2{animation-delay:.8s}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}.bubu-float{transform-origin:50%;animation:3.6s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-2deg)}}.bubu-tail{transform-origin:0 100%;animation:1.4s ease-in-out infinite alternate bubuTail}@keyframes bubuTail{to{transform:rotate(-10deg)}}.blink{transform-origin:50%;animation:4.6s infinite blink}[data-word=crab] .blink{animation-delay:1.3s}[data-word=star] .blink{animation-delay:2.4s}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.bubu-sleep .blink{animation:none}.weed{transform-origin:50% 100%;animation:3.4s ease-in-out infinite alternate sway}.weed.w2{animation-duration:2.7s;animation-delay:-1s}.weed.w3{animation-duration:3.9s;animation-delay:-2s}@keyframes sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.rays{animation:5s ease-in-out infinite rays}@keyframes rays{50%{opacity:.12}}.rise{transform-origin:50%;animation:2.6s ease-in infinite rise}.rise.r2{animation-delay:-.9s}.rise.r3{animation-delay:-1.7s}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-26px)scale(1.1)}}.mouth-bubbles .rise{animation-duration:2.2s}.moon-glow{animation:3s ease-in-out infinite pulse}.twinkle circle{animation:1.8s ease-in-out infinite pulse}.twinkle circle:nth-child(2){animation-delay:-.6s}.twinkle circle:nth-child(3){animation-delay:-1.2s}.num-pop circle{animation:2s ease-in-out infinite pulse}.kp-stage[data-react=fish] [data-word=fish] .char-body{animation:.9s ease-in-out spin}.kp-stage[data-react=crab] [data-word=crab] .char-body{animation:.9s ease-in-out dance}.kp-stage[data-react=star] [data-word=star] .char-body{animation:.9s ease-in-out twinkle}.kp-stage[data-react=shell] [data-word=shell] .char-body{animation:.9s ease-in-out jump}@keyframes spin{30%{transform:translateY(-14px)rotate(-20deg)scale(1.15)}70%{transform:rotate(360deg)scale(1.1)}}@keyframes dance{20%{transform:translate(-10px)rotate(-10deg)}40%{transform:translate(10px)rotate(10deg)}60%{transform:translate(-10px)rotate(-8deg)translateY(-6px)}80%{transform:translate(8px)}}@keyframes twinkle{40%{filter:brightness(1.25);transform:rotate(72deg)scale(1.35)}}@keyframes jump{35%{transform:translateY(-20px)scale(1.15)}60%{transform:translateY(0)scale(1.05,.92)}}.kp-stage[data-hint=fish] [data-word=fish],.kp-stage[data-hint=crab] [data-word=crab],.kp-stage[data-hint=star] [data-word=star],.kp-stage[data-hint=shell] [data-word=shell]{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 12px #ffc531);animation:1s ease-in-out infinite glow}@keyframes glow{50%{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 4px #ffc531)}}.kp-stage[data-wait] .tappable{cursor:pointer}.num-pop{transform-box:fill-box;transform-origin:50%;animation:.4s cubic-bezier(.3,1.6,.5,1) both starPop}.kp-stage.kind-touch{background:#fff;padding:10px}.kp-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kp-cards svg{cursor:pointer;border-radius:16px;width:100%;height:auto;display:block}.kp-stage.kind-speak>svg{width:100%;height:auto;display:block}.kp-stage.kind-pop{aspect-ratio:3/2;background:linear-gradient(#bfe1ff,#8fc8f5)}.kp-pop{position:absolute;inset:0}.kp-bubble-btn{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 30% 28%,#fffffff2 0 8%,#ffffff59 9% 40%,#ffffff26 70%);border:3px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:28%;padding:0;animation:3.2s ease-in-out infinite float;display:flex;position:absolute;box-shadow:inset -6px -8px 14px #1d5faf2e}.kp-bubble-btn svg{width:74%;height:74%;display:block}@keyframes float{50%{transform:translateY(-10px)}}.kp-popped{aspect-ratio:1;pointer-events:none;border:4px dashed #fff;border-radius:50%;width:28%;animation:.35s ease-out forwards popOut;position:absolute}@keyframes popOut{to{opacity:0;transform:scale(1.5)}}.kp-pop-sticker{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kp-gate{z-index:20;background:#1b24308c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.kp-gate .kh-gate{width:100%;max-width:400px}@media (prefers-reduced-motion:reduce){.char-body,.kp-bubble-btn,.kp-ring,.kp-hand,.kp-bubu.wake,.kp-stage,.bubu-float,.weed,.rise,.sparkle,.blink,.fin-tail,.fin-top,.claw-l,.claw-r,.legs-l,.legs-r,.stalks,.bubu-tail,.rays{animation:none!important}}.kp:not(.kp-end){min-height:calc(100dvh - 48px)}.kp:not(.kp-end) .kp-bottom{margin-top:auto;padding-bottom:8px}.kp-bubu.wake{margin:0 auto}.kp-bubu.wake .kp-hand{bottom:6px;right:0}.kh-field{text-align:left;flex-direction:column;gap:6px;width:100%;max-width:420px;display:flex}.kh-field>span{color:var(--muted);font-size:14px}.kh-field input{border:2px solid var(--line);min-height:48px;font:inherit;background:#fff;border-radius:14px;padding:0 14px;font-size:17px}.kh-field input:focus{outline:3px solid var(--blue);border-color:#0000}.kh-row.center{justify-content:flex-start}.kh-chip{border:2px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.kh-chip.on{border-color:var(--blue);color:var(--blue-dark);font-weight:600}.kh-chip.off{opacity:.55;cursor:default}