:root{
  --ink:#173d77;
  --panel:#ffffff;
  --shadow:0 14px 35px rgba(29,78,121,.18);
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  font-family:Trebuchet MS,Arial,sans-serif;
  background:linear-gradient(#22b5f5 0 38%,#baf3ff 38% 47%,#8ddd4e 47% 100%);
  color:var(--ink);
}
body:before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,255,255,.9) 0 4%,transparent 4.3%),
    radial-gradient(circle at 72% 12%,rgba(255,255,255,.82) 0 5%,transparent 5.3%),
    radial-gradient(circle at 88% 26%,rgba(255,255,255,.8) 0 3.5%,transparent 3.8%);
}
.app-shell{width:min(1440px,100%);margin:auto;padding:20px 28px 26px;position:relative}
.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}
.profile-card{display:flex;align-items:center;gap:14px;background:white;border:5px solid #55c7ff;border-radius:34px;padding:10px 20px;box-shadow:var(--shadow)}
.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dff6ff;font-size:36px}
.profile-name{font-size:28px;font-weight:900}.profile-level{font-size:18px;font-weight:800;color:#6b3ac9}.stars{font-size:26px;font-weight:900;border-left:2px solid #d9e5ef;padding-left:18px;margin-left:10px}
.top-actions{display:flex;gap:12px}.icon-btn{border:0;border-radius:18px;background:#fff;padding:12px 16px;font-size:28px;cursor:pointer;box-shadow:var(--shadow)}
.hero{display:flex;align-items:center;justify-content:center;gap:30px;margin:24px 0 10px}
.mascot{font-size:145px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18));animation:bob 2.8s ease-in-out infinite}
.welcome-cloud{background:white;border-radius:45% 55% 48% 52%/55% 48% 52% 45%;padding:22px 52px;box-shadow:var(--shadow);text-align:center;min-width:420px}
.welcome-cloud h1{margin:0;color:#ff542f;font-size:48px}.welcome-cloud p{margin:8px 0 0;font-size:32px;font-weight:900}
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.menu-card{position:relative;text-decoration:none;color:white;border:5px solid rgba(255,255,255,.92);border-radius:42px;min-height:360px;padding:28px 18px 24px;text-align:center;box-shadow:var(--shadow);transition:.2s transform,.2s filter;overflow:hidden}
.menu-card:hover{transform:translateY(-6px) scale(1.015);filter:brightness(1.04)}
.menu-card:active{transform:scale(.98)}
.math{background:linear-gradient(180deg,#67e42b,#39b916)}.english{background:linear-gradient(180deg,#2fc8ff,#168be6)}.rewards{background:linear-gradient(180deg,#b74eea,#7c2bd0)}.parents{background:linear-gradient(180deg,#ffb421,#f47b00)}
.menu-icon{font-size:72px;font-weight:1000;text-shadow:0 4px 0 rgba(0,0,0,.15)}
.menu-card h2{font-size:37px;margin:14px 0 12px}.menu-card p{font-size:20px;line-height:1.35;font-weight:800}.go{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);border:3px solid white;font-size:34px}
.bottom-bar{display:grid;grid-template-columns:1fr 2fr 1fr;gap:18px;align-items:center;margin-top:24px}.streak-card,.reward-note,.language-chip{background:white;border-radius:26px;padding:16px 22px;box-shadow:var(--shadow);font-size:19px;font-weight:800}.streak-card span{display:block;color:#f05b36;margin-left:34px}.reward-note{text-align:center}.language-chip{text-align:center}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#173d77;color:white;padding:14px 20px;border-radius:16px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes bob{50%{transform:translateY(-10px)}}
@media(max-width:980px){.menu-grid{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column}.mascot{font-size:100px}.welcome-cloud{min-width:0;width:100%}.bottom-bar{grid-template-columns:1fr}.profile-name{font-size:22px}}
@media(max-width:560px){.app-shell{padding:14px}.topbar{align-items:flex-start}.profile-card{padding:8px 12px}.avatar{width:48px;height:48px;font-size:28px}.stars{font-size:18px}.menu-grid{grid-template-columns:1fr}.menu-card{min-height:300px}.welcome-cloud h1{font-size:38px}.welcome-cloud p{font-size:24px}.top-actions{flex-direction:column}.icon-btn{font-size:22px;padding:8px 10px}}
.profile-link{text-decoration:none;color:inherit}.simple-page,.game-page{max-width:1100px;margin:0 auto;padding:30px 22px}.simple-page h1{font-size:42px;margin:20px 0 8px}.lead{font-size:21px;margin-top:0}.back{display:inline-block;text-decoration:none;color:#173d77;background:white;padding:11px 16px;border-radius:14px;font-weight:900;box-shadow:var(--shadow)}.panel{background:white;border-radius:24px;padding:24px;margin-top:24px;box-shadow:var(--shadow)}.notice{background:#fff5c8;border-radius:15px;padding:12px 16px;margin:16px 0}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:24px}.profile-tile button{width:100%;border:4px solid white;background:linear-gradient(#fff,#e9f8ff);border-radius:26px;padding:22px;cursor:pointer;color:#173d77;box-shadow:var(--shadow)}.profile-tile button>*{display:block;margin:auto}.big-avatar{font-size:62px}.profile-tile strong{font-size:24px;margin-top:8px}.profile-tile small{margin-top:6px;font-size:15px}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end}.form-grid label{font-weight:800}.form-grid input,.form-grid select{display:block;width:100%;margin-top:7px;padding:12px;border:2px solid #cde8f8;border-radius:12px;font-size:16px}.primary{display:inline-block;border:0;background:#168be6;color:white;text-decoration:none;padding:13px 18px;border-radius:14px;font-weight:900;font-size:16px;cursor:pointer}.lesson-grid{display:grid;gap:16px;margin-top:24px}.lesson{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;text-decoration:none;color:white;padding:20px;border-radius:24px;box-shadow:var(--shadow)}.math-lesson{background:linear-gradient(135deg,#57d82a,#2ca70e)}.english-lesson{background:linear-gradient(135deg,#2ec9ff,#157fda)}.lesson-icon{font-size:38px}.lesson h2{margin:3px 0 4px}.lesson p{margin:0}.lesson small{font-weight:900;opacity:.9}.lesson b{font-size:34px}.game-head{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:20px}.game-card{margin:24px auto;background:white;max-width:760px;text-align:center;padding:34px;border-radius:34px;box-shadow:var(--shadow)}.game-mascot{font-size:85px}.eyebrow{font-weight:900;color:#7651c6}.instruction{font-size:24px;font-weight:800}.count-items{font-size:70px;letter-spacing:12px;margin:22px}.answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:26px}.answer-btn{min-height:100px;border:4px solid #d5ecfb;border-radius:22px;background:#f7fcff;color:#173d77;font-size:34px;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px #0001}.answer-btn:hover{transform:translateY(-3px);background:#eaf8ff}.feedback{padding:14px;border-radius:16px;font-size:20px;font-weight:900;margin:16px 0}.feedback.good{background:#ddf9dc;color:#257b25}.feedback.try{background:#fff1cd;color:#a46900}.next-btn{margin-top:22px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:24px}.reward-card{background:white;border-radius:24px;text-align:center;padding:24px;box-shadow:var(--shadow)}.reward-card>div{font-size:58px}.reward-card.locked{filter:grayscale(.85);opacity:.65}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.stat{background:white;padding:22px;border-radius:22px;box-shadow:var(--shadow);text-align:center}.stat strong,.stat span{display:block}.stat strong{font-size:30px}.stat span{margin-top:5px}.progress-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e7eef4}.progress-row:last-child{border:0}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}