:root{font-family:Nunito,system-ui,sans-serif;color:#29264b;background:#f7f6fc;font-synthesis:none;--purple:#6750d8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#eee9ff 0,transparent 28%),#f7f6fc}button,input,select{font:inherit}button{cursor:pointer}header{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px}.brand{border:0;background:none;font-size:19px;font-weight:900;color:#29264b}.brand span{display:inline-grid;place-items:center;background:var(--purple);color:#ffd76a;border-radius:13px;width:38px;height:38px;margin-right:8px}main{max-width:1080px;margin:auto;padding:24px 28px 64px}.hero{border-radius:28px;padding:36px 44px;background:linear-gradient(120deg,#6350d6,#8766e7);color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 32px #6956d329}.hero h1,.page-title h1,.summary h1{font-size:clamp(28px,5vw,44px);margin:4px 0 8px}.hero p{margin:0;opacity:.9}.eyebrow{font-size:12px!important;font-weight:900;letter-spacing:1.5px}.spark{font-size:70px;color:#ffd76a;filter:drop-shadow(0 8px 12px #3a288d66)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 8px}.stats div{background:white;padding:15px;border-radius:16px;text-align:center;box-shadow:0 4px 15px #3127660a}.stats b{display:block;font-size:18px}.stats span,.reward-row span{display:block;color:#77738e;font-size:12px}.xpbar,.progress,.mini{height:7px;background:#e5e2f1;border-radius:10px;overflow:hidden}.xpbar i,.progress i,.mini i{display:block;height:100%;background:linear-gradient(90deg,#7660df,#e077a7);border-radius:inherit}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:30px 0}.subject{position:relative;overflow:hidden;text-align:left;border:0;background:white;padding:27px;border-radius:23px;box-shadow:0 8px 24px #29224f10;transition:.18s;color:#29264b}.subject:hover{transform:translateY(-3px);box-shadow:0 13px 30px #29224f1b}.subject:before{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:var(--accent)}.subject>span{display:block;font-size:40px;margin-bottom:12px}.subject b{font-size:22px;text-transform:uppercase;display:block}.subject small{display:block;color:#747086;margin:4px 0 16px}.subject em{font-style:normal;font-weight:800;color:var(--accent)}.home-actions,.summary-actions{display:flex;gap:12px;justify-content:center;margin:20px}.primary,.secondary,.soft{border:0;border-radius:14px;padding:13px 20px;font-weight:800}.primary{background:var(--purple);color:white;box-shadow:0 7px 15px #6750d837}.secondary{background:white;color:#4e4779;border:1px solid #e6e2f0}.soft{background:#ece9f5;color:#5b5671;padding:9px 14px}.badges{display:flex;gap:12px}.badges>div{background:white;width:110px;min-height:98px;border-radius:18px;display:grid;place-items:center;padding:12px;font-size:30px;text-align:center}.badges small{font-size:11px;font-weight:800}.empty{color:#8a8699;background:white;border-radius:15px;padding:18px;width:100%}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.quiz-head>div{display:flex;gap:12px;align-items:center}.quiz-head>div>span{font-size:32px}.quiz-head b,.quiz-head small{display:block}.quiz-head small{color:#858095}.progress{margin-bottom:28px;height:9px}.question-card{max-width:760px;margin:auto;background:white;border-radius:25px;padding:clamp(24px,5vw,48px);box-shadow:0 14px 40px #362c6914}.question-card h1{font-size:clamp(24px,4vw,35px);margin:14px 0 28px}.skill{background:#eeeaff;color:#6653c9;padding:7px 11px;border-radius:20px;font-size:12px;font-weight:900;text-transform:uppercase}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.options button{border:2px solid #ebe8f3;background:#faf9fd;border-radius:15px;padding:15px;text-align:left;color:#312d51;font-weight:800}.options button span{display:inline-grid;place-items:center;width:30px;height:30px;background:#e9e6f4;border-radius:9px;margin-right:10px}.options button:hover{border-color:#8877dc}.options button.right,.right{border-color:#34a873!important;background:#e9f9f1!important}.options button.wrong,.wrong{border-color:#df6570!important;background:#fff0f1!important}.answer-input span{display:block;font-size:13px;color:#77738e;font-weight:800;margin-bottom:7px}.answer-input input,.pin input,.pin-change{width:100%;padding:15px;border:2px solid #e4e0ed;border-radius:13px;outline:none;font-size:20px}.answer-input input:focus{border-color:#7864d8}.answer-input+.primary{margin-top:14px;width:100%}.feedback{margin-top:24px;padding:20px;border-radius:16px}.feedback.correct{background:#e9f9f1;color:#226f51}.feedback.incorrect{background:#fff0f1;color:#8c3740}.feedback p{margin:6px 0}.feedback .primary{margin-top:8px}.summary{text-align:center;max-width:620px;margin:auto}.celebrate{font-size:68px}.score-ring{margin:25px auto;width:160px;height:160px;border-radius:50%;display:grid;place-content:center;background:white;border:12px solid #7a67dd;box-shadow:0 10px 25px #47399220}.score-ring b{font-size:38px}.score-ring span{font-size:12px;color:#77738e}.reward-row{display:flex;justify-content:center;gap:14px}.reward-row div{background:white;border-radius:16px;padding:14px 30px}.reward-row b{font-size:20px}.new-badge{margin:18px;background:#fff4c9;border-radius:15px;padding:15px}.new-badge span{display:block;font-size:20px}.page-title{text-align:center;margin-bottom:28px}.page-title h1{margin-bottom:2px}.page-title p{color:#77738e}.progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:35px}.progress-grid article{background:white;border-radius:20px;padding:19px;border-top:5px solid var(--accent)}.progress-grid article>span{font-size:30px}.progress-grid h3{margin:8px 0}.progress-grid b{font-size:28px;color:var(--accent);display:block}.progress-grid small{color:#77738e}.mini{margin-top:10px}.mini i{background:var(--accent)}.history,.settings-card,.parent-stats{background:white;border-radius:20px;padding:20px;margin-bottom:18px}.history>div{display:grid;grid-template-columns:35px 1fr auto 50px;gap:10px;padding:12px;border-bottom:1px solid #eeeaf3;align-items:center}.history small{color:#77738e}.pin{max-width:430px;margin:40px auto;text-align:center;background:white;padding:38px;border-radius:25px}.lock{font-size:55px}.pin form{display:grid;gap:12px}.pin input{text-align:center;letter-spacing:9px}.error{color:#c94d58;min-height:18px}.parent-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:transparent;padding:0}.parent-stats article{display:flex;gap:12px;align-items:center;background:white;border-radius:16px;padding:16px}.parent-stats span{font-size:30px}.parent-stats b,.parent-stats small{display:block}.parent-stats small{color:#77738e}.settings-card h2{margin-top:0}.level-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #eeeaf3}.level-row>span{font-size:28px}.level-row>div{flex:1}.level-row b,.level-row small{display:block}.level-row small{color:#77738e;margin:3px 0 8px}.level-row input{width:100%;accent-color:var(--purple)}.setting{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eeeaf3}.setting span small{display:block;color:#77738e}.setting select{padding:8px;border:1px solid #ddd6ed;border-radius:9px}.setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--purple)}.pin-change{width:100px;font-size:15px;padding:8px}.skills{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.skills>div{background:#f8f7fb;border-radius:12px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:2px}.skills small{color:#77738e}.skills b{color:#269469}.skills b.needs{color:#d45d65}
@media(max-width:700px){header{height:64px;padding:0 15px}.brand{font-size:16px}.brand span{width:32px;height:32px}main{padding:14px 15px 50px}.hero{padding:26px}.spark{display:none}.stats{grid-template-columns:repeat(2,1fr)}.subject-grid{grid-template-columns:1fr;gap:12px}.subject{padding:20px}.subject>span{display:inline-block;margin:0 10px 0 0}.subject b{display:inline;font-size:18px}.options{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(2,1fr)}.parent-stats{grid-template-columns:1fr}.home-actions,.summary-actions{flex-direction:column}.skills{grid-template-columns:1fr}.history>div{grid-template-columns:30px 1fr 45px}.history small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:14px 0 28px}.activity-card{border:0;border-radius:21px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;text-align:left;color:#29264b;box-shadow:0 8px 24px #29224f10}.activity-card>span{font-size:38px}.activity-card b,.activity-card small{display:block}.activity-card b{font-size:21px}.activity-card small{color:#716d82}.activity-card em{font-style:normal;font-weight:800}.facts-card{background:#fff5cf}.facts-card em{color:#a76e00}.speech-card{background:#e9f4ff}.speech-card em{color:#3278af}.fact-card,.pronunciation-card{max-width:760px;margin:auto;background:white;border-radius:28px;padding:clamp(28px,6vw,55px);text-align:center;box-shadow:0 14px 40px #362c6914}.fact-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fff9df)}.fact-category{display:inline-block;background:#fff0ac;color:#795a00;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:900;text-transform:uppercase}.fact-number{position:absolute;right:24px;top:18px;font-size:70px;font-weight:900;color:#eadfba66}.fact-card p{font-size:clamp(23px,4vw,34px);line-height:1.35;font-weight:800;margin:36px auto;max-width:650px}.difficulty-tabs{display:flex;justify-content:center;gap:8px;margin:-10px 0 20px}.difficulty-tabs button{border:1px solid #ded9ec;background:white;border-radius:18px;padding:9px 18px;text-transform:capitalize;font-weight:800;color:#68627c}.difficulty-tabs button.active{background:var(--purple);color:white;border-color:var(--purple)}.pronunciation-card small{text-transform:uppercase;color:#716d82;font-weight:900;letter-spacing:1px}.phrase{font-size:clamp(42px,9vw,76px);line-height:1.12;font-weight:900;color:#4d3eb0;margin:55px 0 25px}.pronunciation-card p{color:#716d82;margin-bottom:30px}.listen-again{display:block;border:0;background:#fff;color:#4d3eb0;border-radius:12px;padding:10px 14px;font-weight:900;margin:12px 0}.feedback .listen-again+.primary{margin-left:0}
@media(max-width:700px){.activity-grid{grid-template-columns:1fr}.activity-card{grid-template-columns:auto 1fr}.activity-card em{display:none}.fact-card p{margin:28px auto}.difficulty-tabs{gap:5px}.difficulty-tabs button{padding:8px 12px}.phrase{margin:42px 0 22px}.feedback .listen-again{width:100%}}
html,body{max-width:100%;overflow-x:hidden}.fact-card,.pronunciation-card{width:100%}