:root{
  --blue:#4a63ff;--navy:#15306b;--sky:#83d8ff;--coral:#ff5c79;--yellow:#ffd85c;
  --green:#8be79d;--pink:#ffb9d8;--purple:#a797ff;--white:#fff;--ink:#17306d;
  --muted:#5f6f98;--shadow:0 18px 50px rgba(30,70,120,.15);--radius-xl:34px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Nunito',sans-serif;background:#dff6ff;color:var(--ink)}
body{background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.95),transparent 18%),linear-gradient(180deg,#80dcff 0,#eafaff 40%,#f8fff7 100%)}
a{text-decoration:none;color:inherit}button{font:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding-bottom:34px}
.app-shell:before,.app-shell:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(2px)}
.app-shell:before{width:280px;height:280px;background:rgba(255,221,119,.35);top:-80px;left:-80px}.app-shell:after{width:360px;height:360px;background:rgba(255,173,214,.25);right:-140px;bottom:60px}
.topbar{max-width:1320px;margin:0 auto;padding:24px 24px 6px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;flex-direction:column;line-height:1;position:relative}.brand-word{font-family:'Baloo 2',cursive;font-size:43px;font-weight:800;letter-spacing:-4px;filter:drop-shadow(0 3px 0 rgba(255,255,255,.8))}.brand-dot{position:absolute;left:156px;top:30px;font-weight:900;font-size:15px;color:#3150ca}.brand small{font-weight:800;color:#3150ca;margin-top:-4px;margin-left:7px;font-size:12px}.c1{color:#ff4d6d}.c2{color:#1bb9ff}.c3{color:#ff5252}.c4{color:#ffbd2f}.c5{color:#30b769}.c6{color:#8756df}.c7{color:#ff8b36}
.top-actions{display:flex;align-items:center;gap:10px}.profile-switcher{position:relative}.profile-switcher summary{list-style:none;cursor:pointer}.profile-switcher summary::-webkit-details-marker{display:none}.profile-chip,.icon-button{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.84);box-shadow:0 10px 30px rgba(34,88,132,.12);backdrop-filter:blur(12px)}
.profile-chip{display:flex;align-items:center;gap:10px;border-radius:22px;padding:8px 12px 8px 9px;color:var(--ink);min-height:62px}.avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#ffe3ef;font-size:25px}.profile-copy{text-align:left}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:17px}.profile-copy small{font-size:11px;color:#5c6fa1}.chev{font-size:23px;margin-left:3px}.icon-button{width:68px;height:66px;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;font-size:23px;color:var(--ink)}.icon-button span{font-size:10px;font-weight:800}
.profile-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:40;width:270px;padding:12px;background:rgba(255,255,255,.98);border:1px solid #e8f1f7;border-radius:22px;box-shadow:0 22px 60px rgba(28,60,100,.20)}.profile-menu-title{font-size:11px;color:#7a89a6;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:4px 7px 8px}.child-option{display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:9px;border-radius:15px;padding:8px}.child-option:hover,.child-option.active{background:#eef8ff}.child-option>span:first-child{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffe9f2;font-size:20px}.child-option strong,.child-option small{display:block}.child-option strong{font-size:14px}.child-option small{font-size:10px;color:#7786a1}.child-option b{color:#4d65e8}.manage-profile{display:block;border-top:1px solid #edf1f5;margin-top:7px;padding:10px 7px 3px;font-size:12px;font-weight:900;color:#4963ce}
.page-wrap{max-width:1320px;margin:auto;padding:0 24px}.hero-intro{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:125px;padding:12px 22px 8px}.eyebrow{font-size:12px;font-weight:900;color:#3473a8;text-transform:uppercase;letter-spacing:.8px}.hero-intro h1{font-family:'Baloo 2',cursive;font-size:47px;line-height:1;margin:1px 0;color:#17306d}.hero-intro p{font-family:'Baloo 2',cursive;font-size:24px;font-weight:700;margin:0}.hero-mascot{position:relative;width:330px;height:100px}.sun{position:absolute;font-size:60px;right:245px;top:8px}.cloud{position:absolute;font-size:55px;filter:drop-shadow(0 8px 12px rgba(0,90,140,.12))}.c-one{right:120px;top:0}.c-two{right:20px;top:35px;font-size:42px}.balloon{position:absolute;right:80px;top:-18px;font-size:70px}
.main-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:stretch}.featured-card{height:414px;position:relative;overflow:hidden;border:5px solid rgba(255,255,255,.82);border-radius:var(--radius-xl);background:linear-gradient(145deg,#e8fff2 0,#caffdb 55%,#8de9aa 100%);box-shadow:var(--shadow);padding:27px}.featured-card:after{content:"";position:absolute;inset:auto -80px -130px -80px;height:220px;border-radius:50%;background:linear-gradient(180deg,#5acb79,#2fa95d);opacity:.25}.feature-content{width:59%;position:relative;z-index:3}.pill{display:inline-flex;align-items:center;gap:7px;background:#fff2bf;color:#9a6614;border-radius:999px;padding:7px 13px;font-weight:900;font-size:13px}.featured-card h2{font-family:'Baloo 2',cursive;font-size:41px;line-height:1;margin:12px 0 9px;color:#17306d}.featured-card p{font-size:15px;line-height:1.45;font-weight:700;color:#31506d;margin:0}.mini-note{font-family:'Baloo 2',cursive;font-weight:800;display:inline-block;margin-top:7px;color:#315c70;font-size:14px}.feature-art{position:absolute;right:15px;bottom:103px;width:43%;height:230px;z-index:2;display:flex;align-items:flex-end;justify-content:center}.character{font-size:116px;transform:rotate(-4deg);filter:drop-shadow(0 12px 10px rgba(25,70,30,.12))}.broccoli{font-size:86px;margin-left:-28px;margin-bottom:2px;filter:drop-shadow(0 12px 10px rgba(25,70,30,.12))}.heart,.flower{position:absolute}.h1{top:18px;right:12px}.h2{top:75px;left:5px}.f1{bottom:-5px;left:18px;font-size:27px}.f2{bottom:4px;right:0;font-size:27px}.feature-actions{position:absolute;left:27px;right:27px;bottom:22px;z-index:4}.btn-primary{height:51px;border-radius:18px;background:linear-gradient(180deg,#ff6b87,#f34769);color:white;font-family:'Baloo 2',cursive;font-size:21px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(239,61,96,.28)}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:9px}.btn-secondary{border:0;background:rgba(255,255,255,.92);height:42px;border-radius:15px;color:#5a4fd8;font-weight:900;box-shadow:0 8px 20px rgba(38,93,68,.10);display:flex;align-items:center;justify-content:center;font-size:13px}
.category-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:12px}.category-card{min-height:0;border-radius:24px;padding:18px;position:relative;overflow:hidden;border:3px solid rgba(255,255,255,.8);box-shadow:0 12px 26px rgba(28,74,118,.11);transition:.2s ease}.category-card:hover{transform:translateY(-3px) scale(1.01)}.category-title{position:relative;z-index:2;font-family:'Baloo 2',cursive;font-weight:800;font-size:21px;line-height:1.02;width:61%}.category-emoji{position:absolute;right:11px;bottom:0;font-size:67px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.10))}.cat-green{background:linear-gradient(135deg,#d7ff9e,#7ee29b)}.cat-blue{background:linear-gradient(135deg,#3a48b9,#243178);color:#fff}.cat-red{background:linear-gradient(135deg,#ffd0be,#ff9379)}.cat-yellow{background:linear-gradient(135deg,#fff0a5,#ffd760)}.cat-purple{background:linear-gradient(135deg,#8187f7,#4944bc);color:#fff}.cat-pink{background:linear-gradient(135deg,#ffd1e8,#ff9dc8)}
.recommend-section{margin-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px 9px}.section-head>div{display:flex;align-items:center;gap:9px}.section-head h3{font-family:'Baloo 2',cursive;font-size:25px;margin:0}.coming-soon{font-weight:800;color:#7182a8;font-size:12px}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recommend-card{background:rgba(255,255,255,.9);border:3px solid rgba(255,255,255,.75);box-shadow:0 12px 28px rgba(22,65,103,.10);border-radius:22px;padding:12px;display:flex;align-items:center;gap:12px;min-height:90px}.recommend-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#f1eaff,#dfefff);font-size:34px}.recommend-copy strong{font-family:'Baloo 2',cursive;font-size:17px;line-height:1.05;display:block}.recommend-copy span{display:block;margin-top:4px;font-size:10px;color:#7182a8;font-weight:800}
.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);width:min(620px,calc(100% - 30px));margin:24px auto 0;padding:9px 18px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.85);border-radius:28px;box-shadow:0 18px 45px rgba(21,48,107,.15);backdrop-filter:blur(18px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;color:#69728a;font-weight:800}.bottom-nav a span{font-size:22px}.bottom-nav small{font-size:10px}.bottom-nav a.active{color:#3558eb}
@media(max-width:980px){.app-shell{padding-bottom:115px}.topbar{align-items:flex-start}.top-actions{gap:7px}.icon-button{display:none}.hero-mascot{display:none}.main-grid{grid-template-columns:1fr}.featured-card{height:auto;min-height:510px}.category-grid{grid-template-rows:none}.category-card{min-height:145px}.recommend-grid{grid-template-columns:1fr 1fr}.hero-intro h1{font-size:44px}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:14px;transform:translateX(-50%);margin:0;box-shadow:0 18px 45px rgba(21,48,107,.18)}}
@media(max-width:640px){.app-shell{padding-bottom:102px}.topbar{padding:16px 13px 3px}.brand-word{font-size:34px}.brand-dot{left:124px;top:24px;font-size:11px}.brand small{font-size:9px}.profile-chip{padding:5px 8px;min-height:50px}.avatar{width:36px;height:36px;font-size:20px}.profile-copy strong{font-size:13px}.profile-copy small{font-size:9px}.chev{font-size:18px}.profile-menu{position:fixed;left:12px;right:12px;top:76px;width:auto}.page-wrap{padding:0 12px}.hero-intro{min-height:112px;padding:10px 5px}.hero-intro h1{font-size:36px}.hero-intro p{font-size:20px}.featured-card{min-height:555px;padding:21px}.feature-content{width:100%}.featured-card h2{font-size:36px;width:72%}.featured-card p{font-size:14px;width:72%}.feature-art{right:0;bottom:122px;width:47%;height:255px}.character{font-size:100px}.broccoli{font-size:76px}.feature-actions{left:19px;right:19px;bottom:18px}.btn-primary{height:52px}.secondary-actions{gap:8px}.btn-secondary{height:43px;font-size:12px}.category-grid{gap:9px}.category-card{min-height:132px;padding:15px}.category-title{font-size:17px;width:63%}.category-emoji{font-size:59px}.recommend-grid{grid-template-columns:1fr}.section-head h3{font-size:21px}.coming-soon{display:none}.bottom-nav{bottom:9px;border-radius:23px}.bottom-nav a span{font-size:20px}}