@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap";*{box-sizing:border-box;margin:0}.app{font-family:Nunito,sans-serif;min-height:100vh;color:#f4f7ff;position:relative;overflow-x:hidden;background:radial-gradient(circle at 20% 10%,#1b2a6b 0,transparent 40%),radial-gradient(circle at 85% 80%,#3a1d6e 0,transparent 45%),#0b1029}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:10px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo{font-family:Fredoka;font-size:17px;font-weight:700;color:#ffd166;display:flex;align-items:center;gap:8px}.ctag{font-size:12px;background:#4cc9f033;border:1px solid #4cc9f0;color:#9fd8ff;padding:2px 8px;border-radius:20px;white-space:nowrap}.content{max-width:640px;margin:0 auto;padding:24px 18px 60px}.content.wide{max-width:860px;text-align:center}.lesson-tag{text-align:center;color:#9fb0e0;font-weight:800;letter-spacing:.5px;margin-bottom:16px}.title{font-family:Fredoka;font-size:34px;text-align:center;margin-bottom:6px;background:linear-gradient(90deg,#4cc9f0,#b388ff,#ff5d73);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.5;text-align:center;color:#dfe6ff}.cap{font-size:20px;line-height:1.5;color:#ffe7a3;font-weight:700;text-align:center;margin:6px 0 22px;animation:slidein .35s ease}.cap-sm{color:#9fb0e0;margin-top:14px}.key-big{font-family:Fredoka;font-size:30px;color:#ffd166;vertical-align:middle}.mystery{font-size:21px!important;color:#ffe7a3!important;font-weight:800;margin-top:16px}.btn-primary{font-family:Fredoka;font-weight:700;font-size:18px;color:#0b1029;background:linear-gradient(90deg,#ffd166,#ff5d73);border:none;border-radius:16px;padding:13px 26px;cursor:pointer;box-shadow:0 7px #b23a4e,0 12px 24px #ff5d7366;transition:transform .1s,box-shadow .1s}.btn-primary:active{transform:translateY(4px);box-shadow:0 3px #b23a4e}.btn-primary:disabled{opacity:.4;filter:grayscale(.3);box-shadow:none;cursor:default}.btn-primary.send{margin-top:16px}.btn-back{font-family:Fredoka;font-weight:700;font-size:16px;color:#9fd8ff;background:transparent;border:2px solid rgba(159,216,255,.4);border-radius:14px;padding:11px 18px;cursor:pointer;transition:.15s}.btn-back:hover{border-color:#4cc9f0;color:#fff}.btn-mini{width:42px;height:42px;border-radius:12px;border:none;font-size:22px;font-weight:800;background:#4cc9f0;color:#0b1029;cursor:pointer}.btn-mini:active{transform:scale(.92)}.btn-mini-row{display:flex;gap:10px;justify-content:center;margin:8px 0}.btn-hint{background:transparent;border:2px dashed rgba(255,209,102,.5);color:#ffd166;border-radius:14px;padding:11px 18px;font-family:Fredoka;font-weight:700;cursor:pointer}.btn-hint:hover{border-color:#ffd166}.navrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.navrow.center{justify-content:center}.home-wrap{max-width:920px}.hero{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;margin-bottom:22px;animation:pop .35s ease}.hero-top{display:flex;gap:18px;align-items:flex-start}.mascot{flex:none;background:#ffffff0f;border-radius:18px;padding:6px;line-height:0}.hero-kicker{font-family:Fredoka;font-weight:700;letter-spacing:2px;font-size:13px;color:#9fb0e0}.hero-title{font-family:Fredoka;font-size:34px;margin:2px 0 8px;background:linear-gradient(90deg,#4cc9f0,#b388ff,#ff5d73);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{font-size:16px;line-height:1.55;color:#dfe6ff}.hero-intro b{color:#ffd166}.star-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1px;margin-top:18px}.st{color:#ffffff2e;font-size:18px}.st.on{color:#ffd166}.star-count{margin-left:10px;font-family:Fredoka;font-weight:700;color:#9fb0e0;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.concept-card{text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-bottom:5px solid #4cc9f0;border-radius:18px;padding:18px;cursor:pointer;transition:transform .12s,background .12s;display:flex;flex-direction:column;gap:8px;color:#f4f7ff;font-family:Nunito}.concept-card:hover{transform:translateY(-4px);background:#ffffff17}.cc-icon{font-size:38px}.cc-name{font-family:Fredoka;font-size:20px;color:#fff}.cc-tag{align-self:flex-start;color:#0b1029;font-weight:800;font-size:11px;letter-spacing:.5px;padding:3px 10px;border-radius:20px}.cc-desc{font-size:14px;color:#bcc6e6;line-height:1.45;flex:1}.cc-stars{margin-top:4px}.cc-stars .st{font-size:18px}.cc-perf,.perf-pill{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;color:#06122a;background:#ffd166;border-radius:999px;padding:2px 9px}.split{display:flex;flex-direction:column;min-height:70vh;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;background:#ffffff0b}.top-zone{padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}.room{color:#9fb0e0;font-weight:800;letter-spacing:.5px;margin-bottom:16px;text-align:center}.papers{display:flex;align-items:center;gap:18px}.paper{background:#fffbe9;color:#0b1029;font-family:Fredoka;font-size:42px;letter-spacing:6px;padding:18px 30px;border-radius:8px;transform:rotate(-3deg);box-shadow:0 10px 24px #0006;border:1px solid #e7d9a8;animation:topPop .4s ease}.paper.hi{transform:rotate(3deg)}.equals{font-family:Fredoka;font-size:40px;color:#ffd166}.bottom-zone{padding:20px;border-top:1px solid rgba(255,255,255,.08)}.dialogue{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.dialogue.fromLeft{animation:fromLeft .45s cubic-bezier(.2,.8,.3,1.2)}.dialogue.fromRight{animation:fromRight .45s cubic-bezier(.2,.8,.3,1.2)}.bubble{background:#1b2a5e;border:2px solid #4cc9f0;border-radius:18px;padding:13px 17px;width:100%}.bubble.o{border-color:#ffd166}.speaker{color:#ffd166;font-family:Fredoka;font-size:15px}.bubble p{font-size:18px;line-height:1.45;margin-top:5px;color:#eef3ff}.reactions span{font-size:30px}.reactions{display:flex;gap:8px;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 12px}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:34px 26px;text-align:center;animation:pop .35s ease}.card-emoji{font-size:72px;filter:drop-shadow(0 8px 20px rgba(76,201,240,.4))}.card-title{font-family:Fredoka;font-size:28px;color:#ffe7a3;margin:12px 0 10px}.card-text{font-size:18px;line-height:1.55;color:#e7ecff}.table-scroll{overflow-x:auto;padding-bottom:6px;display:inline-block;max-width:100%}.trow{display:flex;gap:3px;margin-bottom:4px;width:max-content;align-items:center}.rowlabel{width:64px;flex:none;text-align:right;padding-right:8px;color:#9fb0e0;font-weight:800;font-size:12px}.tcell{width:24px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-family:Fredoka;font-weight:700;font-size:15px;flex:none}.tcell.big{width:28px;height:34px;font-size:17px}.tcell.top{background:#1b2a5e;color:#9fd8ff}.tcell.bottom{background:linear-gradient(180deg,#ffd166,#ff9e3d);color:#0b1029;animation:drop .4s ease backwards}.tcell.bottom.wrap{background:linear-gradient(180deg,#b388ff,#7a4fe0);color:#fff}.tcell.hl{outline:3px solid #06d6a0;outline-offset:1px;transform:scale(1.14);z-index:2}.reveal{text-align:center;margin-top:24px;animation:pop .4s ease}.reveal p{font-size:17px;line-height:1.5;margin-top:10px}.conclusion{background:#06d6a01f;border:1px solid #06d6a0;border-radius:14px;padding:14px 18px;font-size:18px;line-height:1.55;margin-top:16px;color:#eafff7}.reveal-pair{display:flex;gap:34px;justify-content:center}.rcol{display:flex;flex-direction:column;align-items:center;gap:4px}.rt{background:#1b2a5e;color:#9fd8ff;width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Fredoka;font-size:30px}.ra{color:#06d6a0;font-size:24px}.rb{background:linear-gradient(180deg,#ffd166,#ff9e3d);color:#0b1029;width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Fredoka;font-size:30px}.wheel-box{display:flex;flex-direction:column;align-items:center;gap:14px}.wheel{filter:drop-shadow(0 10px 30px rgba(76,201,240,.35))}.wheel-controls{text-align:center}.big-num{font-family:Fredoka;font-size:28px;color:#ffd166}.mini-demo{background:#ffffff0f;border-radius:12px;padding:8px 14px;font-size:16px}.mini-demo b{color:#ffd166;font-family:Fredoka}.wheel-note{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;font-size:16px;line-height:1.6;margin-top:18px;color:#e7ecff}.wheel-note b{color:#ffd166}.fb-wheel{display:flex;justify-content:center;margin-top:12px}.mission label{font-weight:800;color:#9fb0e0;margin-top:10px}.mission{display:flex;flex-direction:column;gap:8px;max-width:420px;margin:0 auto;text-align:center}.word-input{font-family:Fredoka;font-size:24px;letter-spacing:3px;padding:12px 16px;border-radius:12px;border:2px solid #4cc9f0;background:#0b1437;color:#fff;text-align:center}input[type=range]{accent-color:#ff5d73}.result-box{background:#1b2a5e;border:2px dashed #ffd166;border-radius:16px;padding:16px;margin-top:8px}.result-box small{color:#9fb0e0}.big-code{font-family:Fredoka;font-size:30px;letter-spacing:4px;color:#ffd166;margin-top:6px;word-break:break-all}.sent-msg{background:#06d6a026;border:1px solid #06d6a0;border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.5;margin-top:16px}.secret-word{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.sw-tile{background:linear-gradient(180deg,#ffd166,#ff9e3d);color:#0b1029;width:46px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka;font-size:28px;box-shadow:0 6px 14px #0000004d}.key-ok{color:#06d6a0;font-weight:800;margin-top:12px}.key-todo{color:#ffd166;font-weight:800;margin-top:12px}.hint-note{font-size:14px;color:#9fb0e0;margin:10px auto;max-width:460px;line-height:1.5}.answer-boxes{display:flex;gap:10px;justify-content:center;margin:14px 0}.ans-box{width:48px;height:54px;border-radius:10px;border:2px solid #4cc9f0;background:#0b1437;color:#fff;text-align:center;font-family:Fredoka;font-size:28px}.ans-box:focus{outline:none;border-color:#ffd166}.challenge-actions{display:flex;gap:10px;justify-content:center;margin-top:6px}.try-msg{color:#ff9e9e;font-weight:700;margin-top:12px}.solved-msg{background:#06d6a026;border:1px solid #06d6a0;border-radius:14px;padding:14px 16px;font-size:17px;margin:14px auto 0;max-width:460px}.quiz-head{display:flex;justify-content:space-between;font-family:Fredoka;font-size:18px;color:#4cc9f0;margin-bottom:14px}.q-text{font-family:Fredoka;font-size:21px;line-height:1.4;color:#fff;margin-bottom:8px;text-align:left}.options{display:flex;flex-direction:column;gap:12px;margin-top:14px;text-align:left}.option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:#ffffff0a;color:#fff;font-size:18px;font-family:Fredoka;letter-spacing:1px;cursor:pointer;transition:.15s}.option:hover:not(:disabled){border-color:#4cc9f0;transform:translate(4px)}.opt-letter{width:34px;height:34px;flex:none;border-radius:50%;background:#4cc9f0;color:#0b1029;display:flex;align-items:center;justify-content:center;font-weight:800}.option.correct{border-color:#06d6a0;background:#06d6a02e}.option.correct .opt-letter{background:#06d6a0}.option.wrong{border-color:#ff5d73;background:#ff5d732e}.option.wrong .opt-letter{background:#ff5d73}.option:disabled{cursor:default}.feedback{margin-top:18px;padding:18px;border-radius:16px;text-align:left}.feedback.good{background:#06d6a026;border:1px solid #06d6a0}.feedback.bad{background:#ff5d7326;border:1px solid #ff5d73}.feedback p{font-size:16px;margin:12px 0 0;line-height:1.5}.fb-table{margin-top:14px;overflow-x:auto}.big-icon{font-size:50px;text-align:center;margin-top:10px}.ex-wrap{margin-top:14px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.18);border-radius:14px;padding:14px}.ex-label{font-weight:800;color:#9fd8ff;margin-bottom:10px}.ex-tiles{display:flex;flex-direction:column;gap:8px}.ex-tile{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.ex-in{background:#1b2a5e;color:#9fd8ff;border-radius:10px;padding:6px 12px;font-family:Fredoka;font-weight:700}.ex-arr{color:#06d6a0;font-size:20px}.ex-out{background:linear-gradient(180deg,#ffd166,#ff9e3d);color:#0b1029;border-radius:10px;padding:6px 12px;font-family:Fredoka;font-weight:700}.puzzle-box{margin-top:14px;font-size:30px;letter-spacing:6px;background:#0b1437;border:2px solid #4cc9f0;border-radius:14px;padding:16px;text-align:center}.letter-set{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.lchip{width:42px;height:48px;display:flex;align-items:center;justify-content:center;background:#1b2a5e;border:1px solid #4cc9f0;color:#9fd8ff;border-radius:10px;font-family:Fredoka;font-size:22px}.lab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;margin-top:16px;text-align:center}.lab-controls{display:flex;gap:12px;align-items:center;justify-content:center}.lab-num{font-family:Fredoka;font-size:34px;color:#ffd166;min-width:54px}.lab-word{display:flex;gap:5px;justify-content:center;margin:14px 0;flex-wrap:wrap}.lab-word span{width:34px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:Fredoka;font-size:20px}.vowel-hl{background:linear-gradient(180deg,#ff5d73,#ff9e3d);color:#fff}.cons{background:#1b2a5e;color:#9fd8ff}.lab-stats{color:#e7ecff;font-size:16px}.lab-stats b{color:#ffd166;font-family:Fredoka}.jumble{font-family:Fredoka;font-size:19px;letter-spacing:2px;word-break:break-all;background:#0b1437;border:1px solid #4cc9f0;border-radius:12px;padding:14px;color:#9fd8ff;margin:8px auto;line-height:1.7;max-width:480px}.jumble .hit{background:#06d6a0;color:#0b1029;border-radius:4px;padding:2px 3px}.demo-label{font-weight:800;color:#9fb0e0;font-size:15px}.seq-machine{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;margin-top:16px}.seq-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.seq-pill{background:#1b2a5e;border:1px solid #4cc9f0;border-radius:10px;padding:6px 12px;color:#9fd8ff;font-weight:800;font-family:Fredoka}.seq-out{font-family:Fredoka;font-size:22px;color:#ffd166;margin-top:14px}.clue{font-size:15px;color:#9fb0e0;font-weight:600}.done{display:flex;flex-direction:column;align-items:center;text-align:center}.badge-big{font-size:86px;margin:10px 0;filter:drop-shadow(0 8px 22px rgba(255,209,102,.5))}.stars{font-size:40px;margin:6px 0 14px}.xpbar{position:relative;width:130px;height:26px;background:#ffffff1a;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15);flex:none}.xpbar-fill{height:100%;background:linear-gradient(90deg,#ffd166,#ff9e3d);transition:width .5s ease}.xpbar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#0b1029}.confetti span{position:absolute;top:-10px;width:10px;height:14px;border-radius:2px;animation:fall 1.2s ease-out forwards}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}@keyframes fall{to{transform:translateY(100vh) rotate(540deg);opacity:0}}@keyframes fromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes fromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes topPop{0%{opacity:0;transform:scale(.9) rotate(-3deg)}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.map-tiles{display:flex;gap:16px;justify-content:center;margin-top:14px;flex-wrap:wrap}.mtile{display:flex;align-items:center;gap:8px;background:#0003;border-radius:12px;padding:8px 12px}.mt-from{background:#1b2a5e;color:#9fd8ff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka;font-size:22px}.mt-arr{color:#06d6a0;font-size:20px}.mt-to{background:linear-gradient(180deg,#ffd166,#ff9e3d);color:#0b1029;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka;font-size:22px}.apphome{display:flex;flex-direction:column}.ah-main{max-width:1080px;width:100%;position:relative;z-index:1}.ah-floaters{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ah-floater{position:absolute;bottom:-60px;opacity:.16;animation:ah-rise linear infinite}@keyframes ah-rise{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-115vh) rotate(360deg)}}.ah-hero{text-align:center;padding:34px 10px 26px}.ah-logo{font-size:64px;line-height:1;display:inline-block}.ah-title{font-family:Fredoka;font-size:48px;margin:6px 0 2px;background:linear-gradient(90deg,#4cc9f0,#ffd166,#ff5d73);-webkit-background-clip:text;background-clip:text;color:transparent}.ah-sub{color:#9fb0e0;font-weight:700}.ah-tag{color:#dfe6ff;margin-top:10px;font-size:16px}.ah-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.ah-card{animation:pop .4s ease both}.ah-card-top{display:flex;align-items:center;justify-content:space-between}.ah-chnum{color:#0b1029;font-family:Fredoka;font-weight:700;font-size:13px;padding:3px 10px;border-radius:20px}.ah-progress{position:relative;height:18px;background:#ffffff14;border-radius:10px;overflow:hidden;margin-top:6px}.ah-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:10px;transition:width .4s ease}.ah-progress-label{position:relative;font-size:11px;font-weight:800;color:#fff;padding-left:8px;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,.45)}.ah-foot{text-align:center;color:#9fb0e0;margin-top:30px;font-size:13px}