@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#35415b;--muted:#7d879b;--cream:#fffaf0;--yellow:#ffc95c;--orange:#ff9d68;--blue:#78c8ee;--green:#8fd5ae;--pink:#f6a8c4;--purple:#b8a4f2;--shadow:0 14px 35px rgba(70,82,110,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Nunito',system-ui,sans-serif;min-height:100vh}button,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1120px;margin:auto;padding:0 28px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eadf}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:44px;height:44px;border-radius:15px;background:#fff0c8;display:grid;place-items:center;font-size:25px}.brand b{display:block;font-size:18px;line-height:1}.brand small{font-size:10px;font-weight:900;letter-spacing:2px;color:#e99a4d}.icon-btn{border:0;background:#fff;border-radius:14px;width:44px;height:44px;font-size:21px;box-shadow:0 5px 15px #35415b0c}.screen{padding:28px 0 38px}.hidden{display:none!important}.hero{background:#e7f6fb;border-radius:30px;min-height:300px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative;padding:42px 48px;margin:24px 0 38px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.7px;color:#e69a4e}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin:12px 0;color:#35415b;font-weight:900}.hero h1 em{font-style:normal;color:#ed9a55}.hero p{color:#738096;font-size:16px;max-width:370px;margin:0 0 24px}.primary-btn{border:0;background:#ffad55;color:#fff;border-radius:16px;padding:14px 23px;font-weight:900;font-size:16px;box-shadow:0 7px 0 #e99142,0 12px 22px #eea45b30;transition:.15s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 9px 0 #e99142,0 15px 25px #eea45b30}.primary-btn:active{transform:translateY(4px);box-shadow:0 3px 0 #e99142}.primary-btn span{margin-left:12px}.hero-art{position:relative;min-height:220px;display:flex;align-items:end;justify-content:center}.sun{position:absolute;width:140px;height:140px;border-radius:50%;background:#ffe49c;right:65px;top:4px}.cloud{position:absolute;background:#fff;border-radius:30px;width:75px;height:23px;top:55px}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%;width:34px;height:34px;top:-14px;left:13px}.cloud:after{left:37px;top:-8px;width:26px;height:26px}.cloud-one{left:10px}.cloud-two{right:5px;top:100px;transform:scale(.7)}.rainbow{position:absolute;top:5px;left:40%;font-size:54px;transform:rotate(-12deg)}.animal{position:relative;z-index:2;font-size:104px;filter:drop-shadow(0 8px 3px #8299a322);margin:0 -8px 5px}.animal-bunny{font-size:95px}.floating{position:absolute;color:#f2ad49;font-size:28px;font-weight:900}.f1{top:35px;left:25%}.f2{top:80px;right:15%}.f3{bottom:70px;left:8%;color:#f29ab8}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading h2{font-size:25px;margin:4px 0 0;font-weight:900}.tiny-note{font-size:12px;color:var(--muted)}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.level-card{border:0;text-align:left;padding:20px 20px 17px;border-radius:23px;min-height:210px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;transition:.2s;position:relative;overflow:hidden}.level-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.level-one{background:#fff0c9}.level-two{background:#e5f5e9}.level-three{background:#f1eafd}.level-icon{font-size:48px;margin-bottom:8px}.level-tag{font-size:10px;font-weight:900;letter-spacing:1.5px;opacity:.65}.level-card strong{font-size:21px;font-weight:900;margin:3px 0}.level-card small{color:#7c8494;font-size:13px}.level-bottom{margin-top:auto;padding-top:14px;font-size:12px;font-weight:800;color:#777f90;width:100%;display:flex;justify-content:space-between}.level-bottom b{font-size:17px}.home-bottom{display:flex;align-items:center;gap:15px;margin-top:23px}.mini-card{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:11px 15px;box-shadow:0 5px 20px #35415b08}.mini-emoji{font-size:24px}.mini-card b,.mini-card small{display:block}.mini-card b{font-size:13px}.mini-card small{font-size:11px;color:var(--muted)}.text-btn{border:0;background:none;color:#6c8db0;font-weight:800;font-size:13px;margin-left:auto}.back-btn{border:0;background:transparent;color:#7a879b;font-weight:800;padding:8px 0}.setup-panel{max-width:590px;margin:10px auto;background:#fff;border-radius:28px;padding:32px 38px;text-align:center;box-shadow:var(--shadow)}.setup-illustration{font-size:58px}.setup-panel h1{font-size:32px;margin:5px 0;font-weight:900}.setup-panel>p{color:var(--muted);margin:0 0 25px}.setup-options{text-align:left}.option-block{margin:22px 0}.option-block>label{display:block;font-weight:900;font-size:14px;margin-bottom:12px}.operation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.op-choice{cursor:pointer;border:2px solid #edf0f4;border-radius:15px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.op-choice:has(input:checked){border-color:#ffbd67;background:#fff8eb}.op-choice input{position:absolute;right:7px;top:7px;accent-color:#f4a34f}.op-choice span{font-size:25px}.op-choice b{font-size:12px}.option-block select{width:100%;padding:13px 14px;border:1px solid #e7eaf0;border-radius:13px;color:var(--ink);background:#fff}.wide{width:100%;margin-top:7px}.gentle-note{font-size:12px!important;margin:20px 0 0!important;color:#9a9eaa!important}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.quiz-top .back-btn{color:#9a9eaa}.question-counter{font-size:13px;font-weight:900;color:#7e8ba0}.star-counter{background:#fff2ce;border-radius:20px;padding:7px 13px;color:#b27b27;font-weight:900}.progress-track{height:9px;background:#eee9e0;border-radius:20px;overflow:hidden;margin-bottom:22px}.progress-track div{height:100%;width:10%;background:linear-gradient(90deg,#8ed6b0,#65c8ad);border-radius:20px;transition:width .3s}.quiz-card{max-width:760px;margin:auto;background:#fff;border-radius:28px;padding:22px 34px 25px;box-shadow:var(--shadow)}.quiz-visual{height:180px;border-radius:21px;background:#f0f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.question-emoji{font-size:62px;letter-spacing:5px;line-height:1.3;max-width:90%;text-align:center}.visual-caption{font-size:13px;font-weight:800;color:#7d8ca1;margin-top:6px}.visual-spark{position:absolute;color:#f2b74d;font-size:28px}.spark-a{top:18px;left:24%}.spark-b{bottom:15px;right:22%}.question-area{text-align:center;padding:20px 0 4px}.question-area h2{font-size:clamp(38px,7vw,54px);margin:4px 0;color:#38445e;font-weight:900;letter-spacing:1px}.question-area p{margin:0;color:#8b94a5;font-size:14px}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:23px 0 13px}.answer-btn{border:2px solid #e8edf3;background:#f9fbfd;border-radius:17px;min-height:68px;font-size:30px;font-weight:900;color:#53617b;transition:.15s}.answer-btn:hover:not(:disabled){border-color:#9bcfe8;background:#f0faff;transform:translateY(-2px)}.answer-btn.correct{background:#e4f7eb;border-color:#8ed6a8;color:#318654}.answer-btn.wrong{background:#fff0ec;border-color:#f4aa98;color:#c66e5b}.answer-btn:disabled{cursor:default}.feedback{border-radius:14px;padding:12px 15px;font-weight:800;font-size:14px;text-align:center;margin:8px 0}.feedback.good{background:#eaf8ee;color:#38855a}.feedback.try{background:#fff6e5;color:#a87932}.quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.hint-btn{border:0;background:#fff5d9;color:#9d762d;border-radius:13px;padding:11px 14px;font-weight:900}.next-btn{border:0;background:#83cda4;color:#fff;border-radius:13px;padding:11px 17px;font-weight:900}.result-card{max-width:650px;margin:15px auto;background:#fff;border-radius:30px;padding:32px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.result-confetti{font-size:25px;letter-spacing:15px}.result-character{font-size:76px;margin:10px}.result-card h1{font-size:37px;margin:0;font-weight:900}.result-card>p{color:var(--muted)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f8fafc;border-radius:18px;padding:18px 8px;margin:24px 0}.result-stats strong,.result-stats small{display:block}.result-stats strong{font-size:24px;color:#4d8e75}.result-stats small{font-size:11px;color:#8993a3}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.secondary-btn{border:0;background:#eef3f8;color:#64738b;border-radius:15px;padding:14px 20px;font-weight:900}.parent-heading{margin-top:18px}.parent-icon{font-size:40px}.parent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat-card{background:#fff;border-radius:19px;padding:18px;box-shadow:0 5px 20px #35415b08}.stat-card span{font-size:23px}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:27px;font-weight:900;margin:4px 0}.stat-card small{font-size:12px;color:var(--muted)}.report-panel{background:#fff;border-radius:20px;padding:22px;margin:16px 0;box-shadow:0 5px 20px #35415b08}.report-panel h3{margin:0 0 16px;font-size:17px}.operation-report{display:grid;gap:14px}.report-row{display:grid;grid-template-columns:90px 1fr 45px;gap:12px;align-items:center;font-size:13px;font-weight:800}.bar{height:9px;border-radius:20px;background:#edf0f4;overflow:hidden}.bar span{display:block;height:100%;border-radius:20px;background:#8fd5ae}.report-title{display:flex;align-items:center}.report-title h3{margin:0}.danger{color:#d47d72}.history-item{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #f0f1f3;font-size:13px}.history-item:last-child{border:0}.history-item b{display:block}.history-item small{color:var(--muted)}.history-score{font-weight:900;color:#4c9870;white-space:nowrap}.empty-state{color:var(--muted);font-size:13px}.privacy-note{font-size:12px;color:#929aaa;text-align:center;margin:22px 0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#35415b;color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}footer{text-align:center;color:#a0a7b3;font-size:11px;padding:18px 0 25px}footer span{margin:0 7px}
@media(max-width:720px){.app-shell{padding:0 16px}.topbar{height:68px}.hero{grid-template-columns:1fr;padding:28px 25px 0;margin:18px 0 30px}.hero-art{min-height:160px}.animal{font-size:78px}.animal-bunny{font-size:73px}.sun{width:110px;height:110px;right:20%;top:20px}.rainbow{font-size:40px}.section-heading{align-items:start;gap:10px;flex-direction:column}.section-heading h2{font-size:22px}.level-grid{grid-template-columns:1fr;gap:11px}.level-card{min-height:145px;padding:15px 18px 13px;display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto auto auto;column-gap:12px}.level-icon{grid-row:1/4;font-size:42px;align-self:center;margin:0}.level-tag,.level-card strong,.level-card small{grid-column:2}.level-bottom{grid-column:2;padding-top:6px}.home-bottom{flex-wrap:wrap}.text-btn{margin-left:0}.setup-panel{padding:25px 19px}.operation-grid{gap:6px}.op-choice{padding:12px 1px}.quiz-card{padding:14px}.quiz-visual{height:155px}.question-emoji{font-size:52px}.answers{gap:8px}.answer-btn{min-height:60px;font-size:26px}.question-area h2{font-size:43px}.quiz-footer{gap:8px}.hint-btn,.next-btn{font-size:12px;padding:10px}.parent-stats{gap:8px}.stat-card{padding:13px 10px}.stat-card strong{font-size:22px}.stat-card small{font-size:10px}.report-panel{padding:16px}.report-row{grid-template-columns:75px 1fr 38px;gap:8px;font-size:11px}.result-card{padding:25px 17px}.result-stats strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}