@font-face{font-family:'BeeBright Sans';src:url('assets/fonts/noto-sans-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'BeeBright Sans';src:url('assets/fonts/noto-sans-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}

:root{font-family:'BeeBright Sans',system-ui,sans-serif;color:#343343;background:#fff9ed}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:22px 20px 45px}header{display:flex;align-items:center;gap:8px;margin-bottom:18px}header strong{flex:1;font-size:19px}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #eaaa2a;outline-offset:4px}.small{background:white;padding:10px 13px;border-radius:15px;box-shadow:0 3px 12px #40374b08}.welcome,.panel{background:white;border-radius:23px;padding:24px;box-shadow:0 3px 0 #40374b0d,0 8px 20px #40374b06}.welcome{display:flex;gap:18px;align-items:center}.fox{font-size:42px}h1{font-size:24px;margin:0 0 6px}p{color:#797584;line-height:1.6;margin:6px 0}h2{font-size:12px;letter-spacing:1.4px;color:#89808d;text-transform:uppercase;margin:25px 0 10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{background:white;border-radius:20px;text-align:left;padding:18px 15px;border-bottom:5px solid var(--accent,#6486da);box-shadow:0 6px 14px #493b5110;transition:.15s}.tile:hover{transform:translateY(-3px)}.tile span{display:block;font-size:28px;margin-bottom:8px}.tile b{font-size:16px}.tile p{font-size:12px;line-height:1.5}.wide{width:100%;display:flex;align-items:center;gap:18px;--accent:#59a36d}.wide span{margin:0}.muted{font-size:12px;color:#918591;margin-top:22px;text-align:center}.back{background:transparent;padding:0 0 20px;color:#76688e}.primary{background:#7355b4;color:white;border-radius:14px;padding:14px 24px;font-weight:700;margin-top:18px}.primary:disabled{opacity:.45;cursor:default}.progress{height:8px;background:#f0edf4;border-radius:9px;margin:18px 0 26px;overflow:hidden}.progress div{height:100%;background:#9c80d3}.meta{display:flex;justify-content:space-between;color:#8c7e98;font-size:13px}.question{font-size:27px;line-height:1.45;margin:16px 0 24px}.options{display:grid;gap:10px}.option{padding:17px;border:2px solid #eeebf2;border-radius:15px;background:white;text-align:left}.option.selected{border-color:#8d6bc2;background:#f7f1ff}.option.correct{border-color:#68ac7c;background:#edf8ef}.option.wrong{border-color:#dd8b8b;background:#fff0f0}.feedback{padding:16px;border-radius:15px;background:#f6f2fc;margin-top:16px;line-height:1.6}.score{font-size:64px;font-weight:800;color:#7355b4;text-align:center}.center{text-align:center}.lesson{border-bottom:1px solid #eee;padding:16px 0;line-height:1.7}.lesson b{color:#7355b4}.album{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.sticker{background:#faf5ea;border-radius:18px;padding:16px;text-align:center;font-size:37px}.locked{filter:grayscale(1);opacity:.25}input{width:100%;padding:17px;border:2px solid #ded4ee;border-radius:14px;font:inherit;font-size:22px}.review{padding:16px 0;border-bottom:1px solid #eee;line-height:1.6}.tag{font-size:12px;color:#836b98}.balloons .option{border-radius:50%;min-height:100px;text-align:center;background:#f7efff;border-color:#d5c1f0}.balloons{grid-template-columns:repeat(3,1fr)}@media(max-width:550px){main{padding:16px}header strong{font-size:15px}.grid{grid-template-columns:repeat(2,1fr)}.tile{padding:15px}.question{font-size:23px}.panel{padding:20px}.small{padding:9px}.welcome{padding:20px}.album{grid-template-columns:repeat(3,1fr)}}

:root{color:#34433f;background:#f7faf6;font-family:'BeeBright Sans',system-ui,sans-serif}main{max-width:980px;padding:28px 32px 56px}header{padding-bottom:22px;border-bottom:2px solid #e7ede3;margin-bottom:26px}.brand{display:block;font-size:29px;font-weight:900;letter-spacing:-1.5px;color:#58a92c}.brand>span{color:#7bc743}header small{display:block;font-size:10px;letter-spacing:1.7px;color:#8b9788;margin-top:5px}.small{border:2px solid #e7ece2;box-shadow:0 3px 0 #e7ece2;border-radius:14px;font-weight:800;min-width:46px}.welcome{position:relative;overflow:hidden;background:#eafaD8;border:2px solid #d9edc4;border-radius:30px;box-shadow:0 5px 0 #dceccf;padding:36px 36px;gap:32px;flex-direction:row-reverse;justify-content:space-between}.welcome h1{font-size:36px;line-height:1.16;letter-spacing:-1px;color:#365c23;font-weight:900;margin-top:10px}.welcome p{font-size:14px;color:#688653;margin-top:14px}.fox{width:180px;flex-shrink:0;transform:rotate(5deg)}.fox svg{display:block;width:100%;filter:drop-shadow(0 9px 0 #b7d99b55)}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.7px;color:#67954a}.primary{background:#70c52b;box-shadow:0 5px 0 #4d9e1e;border:0;border-radius:15px;color:#fff;text-transform:uppercase;letter-spacing:.7px;font-size:13px;transition:.15s}.primary:hover{background:#7bd430;transform:translateY(-1px)}.primary:active{transform:translateY(4px);box-shadow:0 1px 0 #4d9e1e}.hero-cta{margin-top:22px;display:inline-flex;gap:36px;align-items:center}.hero-cta span{font-size:21px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 15px;gap:10px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.4px;color:#42533c;text-transform:none;font-weight:850}.section-heading>span{font-size:11px;color:#95a18e}.grid{gap:16px}.tile{position:relative;border:2px solid #e4eadd;border-bottom:5px solid #d8e0d1!important;box-shadow:none;border-radius:22px;padding:20px;transition:.15s}.tile:hover{border-color:#b8d79d!important;background:#fcfff8;transform:translateY(-3px);box-shadow:0 7px 0 #e5eedc}.tile b{font-weight:800;font-size:17px;letter-spacing:-.3px}.tile p{font-size:12px;color:#8a9682;margin-top:7px}.art{width:76px;height:76px;border-radius:23px;background:#edf4ff;display:flex!important;align-items:center;justify-content:center;margin-bottom:15px!important}.art svg{width:65px;height:65px;filter:drop-shadow(0 3px 0 #00000008)}.art-1{background:#f1eaff}.art-2{background:#fff4d9}.art-3{background:#fff6d8}.art-4{background:#fff0f3}.art-5{background:#e6f8f5}.learn-grid .tile{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:13px}.learn-grid .art{width:48px;height:48px;border-radius:15px;margin:0!important}.learn-grid svg{width:43px;height:43px}.learn-grid b{font-size:14px}.wide{background:#edfadf;border-color:#d3e7bf;gap:20px}.wide .art{flex-shrink:0;margin:0!important}.wide b{font-size:21px;color:#4b702e}.wide:after{content:'→';margin-left:auto;font-size:30px;color:#7fa15b}.panel{border:2px solid #e4eadd;box-shadow:0 5px 0 #e5eadf;border-radius:26px;padding:32px}.option{border-color:#e3e9dc;border-bottom-width:5px;font-weight:700;padding:19px}.option.selected{border-color:#96ce5a;background:#f1fbe6;color:#5b8a30}.option.correct{border-color:#7ec446;background:#f0fbe4}.progress{height:14px;background:#e8eedf}.progress div{background:#80cd39;border-radius:12px;border-top:4px solid #a2df68}.feedback{background:#f0f7e9}.score{color:#63b527}.lesson b{color:#63a834}.back{font-weight:750;color:#80916e}.sticker{border:2px solid #e5ecd8;background:#f5faec}.muted{color:#a0aa98}h2{color:#8b9b80}.question{font-weight:800}.meta{color:#8a9a80}.balloons .option:nth-child(2){background:#e7f7ff;border-color:#97c9e5}.balloons .option:nth-child(3){background:#fff1d9;border-color:#ebc577}.balloons .option.correct{border-color:#7ec446;background:#f0fbe4}.balloons .option.wrong{border-color:#dd8b8b;background:#fff0f0}@media(max-width:650px){main{padding:20px 16px 40px}.welcome{padding:25px 20px;gap:4px}.welcome h1{font-size:27px}.welcome p{font-size:12px}.fox{width:112px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-cta{padding:13px 17px;gap:15px}.section-heading h2{font-size:18px}.section-heading>span{font-size:10px;max-width:95px;text-align:right}.tile{padding:17px}.tile b{font-size:16px}.art{width:70px;height:70px}.learn-grid .tile{gap:8px;padding:11px;grid-template-columns:39px 1fr}.learn-grid .art{width:37px;height:40px}.learn-grid svg{width:35px;height:35px}.learn-grid b{font-size:12px}.panel{padding:22px}.brand{font-size:25px}.wide b{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

:root{color:#291F1E;background:#f5f7f1}.brand,.brand>span{color:#477998}header{border-color:#C4D6B0}.welcome{background:#C4D6B0;border-color:#b0c29d;box-shadow:0 5px 0 #a7bd91}.welcome h1,.section-heading h2,.wide b{color:#291F1E}header small,.eyebrow,.welcome p,p,.tile p,.meta,.back,.tag,h2,.section-heading>span,.muted{color:#665b56}.fox svg{filter:drop-shadow(0 8px 0 #291f1e12)}.primary{background:#F64740;color:#291F1E;box-shadow:0 5px 0 #A3333D}.primary:hover{background:#ff635c}.primary:active{box-shadow:0 1px 0 #A3333D}.small,.tile,.panel{border-color:#d9dfd0}.small{box-shadow:0 3px 0 #d9dfd0}.tile{border-bottom-color:#C4D6B0!important}.tile:hover{border-color:#477998!important;background:#f5f8fa;box-shadow:0 7px 0 #47799820}.art{background:#47799819}.art-1,.art-5{background:#C4D6B050}.art-2,.art-4{background:#F6474019}.art-3{background:#A3333D16}.wide{background:#C4D6B060}.wide:after{color:#477998}.panel{box-shadow:0 5px 0 #C4D6B050}.option{border-color:#d9dfd0}.option.selected{border-color:#477998;background:#47799814;color:#291F1E}.option.correct,.balloons .option.correct{border-color:#93ac7c;background:#C4D6B060}.option.wrong,.balloons .option.wrong{border-color:#A3333D;background:#F6474014}.progress{background:#C4D6B050}.progress div{background:#477998;border-top-color:#7da1b7}.feedback{background:#C4D6B040}.score,.lesson b{color:#477998}.sticker{border-color:#C4D6B0;background:#C4D6B030}input{border-color:#477998;color:#291F1E}button:focus-visible,input:focus-visible{outline:3px solid #477998;outline-offset:4px}.balloons .option{background:#C4D6B040;border-color:#93ac7c}.balloons .option:nth-child(2){background:#47799818;border-color:#477998}.balloons .option:nth-child(3){background:#F6474018;border-color:#F64740}

/* Warm, playful learning world */
:root{color:#344b67;background:#f2f6ff;font-family:'BeeBright Sans',system-ui,sans-serif}body{background:radial-gradient(circle at 104% 76%,#ffce3030 0 140px,transparent 141px),radial-gradient(ellipse at -15% 110%,#4287ff30 0 35%,transparent 35%);min-height:100vh}main{max-width:1160px;padding:28px 36px 70px}header{border:0;margin-bottom:22px;padding-bottom:8px}.brand,.brand>span{color:#ff724b}.brand{font-size:31px}header small{color:#647c96}.small{background:white;border:0;border-radius:22px;box-shadow:0 5px 16px #344b6710;color:#52708d}.welcome{isolation:isolate;min-height:430px;overflow:visible;border:0;border-radius:45px 90px 110px 45px;background:linear-gradient(120deg,#ffa342,#ff9147 60%,#ff774e);box-shadow:0 18px 38px #ff81402b;padding:54px 48px;gap:20px;margin-bottom:55px}.welcome:before{content:'';position:absolute;inset:0;overflow:hidden;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 92% 90%,#ff6252 0 41%,transparent 41.3%),radial-gradient(ellipse at 65% -30%,#ff7951 0 47%,transparent 47.3%)}.welcome:after{content:'';position:absolute;right:24px;top:-18px;width:65px;height:65px;border-radius:50%;background:#ffd32e;box-shadow:-330px 405px 0 -8px #ffd32e;z-index:-1}.welcome h1{font-size:clamp(32px,4.5vw,52px);font-weight:900;letter-spacing:-1.8px;color:white;line-height:1.1}.welcome p{color:#fff9ed;font-size:15px;line-height:1.8;max-width:420px}.eyebrow{color:#fff3d9;letter-spacing:2px;font-size:10px}.fox{width:42%;max-width:385px;transform:rotate(3deg);align-self:center;position:relative}.fox img{display:block;height:auto;width:118%;max-width:none;margin:-45px -8% -45px -10%;filter:drop-shadow(0 16px 12px #b8443328)}.primary{background:#ff714e;color:white;border:0;box-shadow:0 7px 18px #ff714e30;border-radius:30px;letter-spacing:.6px}.primary:hover{background:#f66040;box-shadow:0 9px 23px #ff714e40}.primary:active{transform:translateY(2px);box-shadow:0 3px 8px #ff714e30}.hero-cta{background:white;color:#f37446;border-radius:35px;padding:10px 11px 10px 25px;box-shadow:0 8px 18px #bc5b2820;gap:25px}.hero-cta:hover{background:#fffaf2;color:#e7613d}.hero-cta span{background:#ff6e4e;color:white;width:39px;height:39px;border-radius:50%;display:grid;place-items:center}.section-heading{margin:37px 0 18px}.section-heading h2{font-size:25px;color:#526f8a;font-weight:850}.section-heading>span,.meta,.back,.tag,h2,.muted{color:#7088a3}.grid{gap:20px}.tile{background:white;border:0;border-bottom:0!important;border-radius:28px 28px 28px 9px;padding:24px;box-shadow:0 7px 18px #344b6707}.tile:hover{background:#fff;border-color:transparent!important;box-shadow:0 15px 28px #344b6716;transform:translateY(-4px)}.tile b{color:#526f8a;font-size:18px}.tile p{color:#8295ab}.art{background:#edf4ff;border-radius:22px}.art-1{background:#f0eaff}.art-2{background:#fff4d8}.art-3{background:#fff0de}.art-4{background:#fff0eb}.art-5{background:#e8f6ff}.learn-grid .tile{padding:17px;border-radius:20px}.learn-grid b{font-size:14px}.wide{background:white;border-left:6px solid #ff9c44!important;padding:25px;box-shadow:0 10px 25px #344b6709}.wide b{color:#f47b48}.wide:after{color:#ff7950}.panel{border:0;background:white;border-radius:32px;box-shadow:0 13px 35px #344b670b}.question{color:#344b67}.option{border-color:#e6edf6;border-bottom-width:3px;border-radius:19px;color:#526f8a}.option.selected{border-color:#4389ff;background:#edf4ff;color:#344b67}.option.correct,.balloons .option.correct{border-color:#8fc753;background:#f3fae6}.option.wrong,.balloons .option.wrong{border-color:#ff7156;background:#fff0eb}.progress{background:#eaf0fa}.progress div{background:#4389ff;border-top-color:#78acff}.feedback{background:#fff5e8;color:#526f8a}.score,.lesson b{color:#ff7c48}.sticker{border:0;background:#fff4df}.lesson,.review{border-color:#edf1f7}input{border-color:#dce8fb;color:#344b67}button:focus-visible,input:focus-visible{outline-color:#4389ff}.balloons .option{background:#fff4d8;border-color:#ffd348}.balloons .option:nth-child(2){background:#edf4ff;border-color:#4389ff}.balloons .option:nth-child(3){background:#fff0eb;border-color:#ff7950}.muted{line-height:1.8;margin-top:34px}
@media(max-width:650px){main{padding:20px 16px 45px}.welcome{min-height:360px;padding:30px 23px;border-radius:30px 55px 70px 30px;gap:0;margin-bottom:35px}.welcome h1{font-size:29px;letter-spacing:-1px}.welcome p{font-size:12px}.welcome .fox{width:39%;min-width:115px}.fox img{width:145%;margin-left:-20%;margin-right:-20%}.eyebrow{font-size:8px;letter-spacing:1px}.hero-cta{padding:8px 8px 8px 16px;font-size:10px;gap:12px}.hero-cta span{width:30px;height:30px}.welcome:after{width:45px;height:45px;right:10px;box-shadow:-210px 345px 0 -6px #ffd32e}.section-heading h2{font-size:21px}.tile{padding:19px}.grid{gap:14px}.learn-grid .tile{padding:12px}.panel{padding:23px}.wide b{font-size:18px}.brand{font-size:27px}}
@media(max-width:380px){.welcome{padding:25px 18px}.welcome h1{font-size:25px}.welcome .fox{min-width:95px}.hero-cta{gap:8px}}

/* Translucent warm cards, with circles beneath the surfaces. */
#app{position:relative;isolation:isolate}.grid{position:relative;isolation:isolate;padding:8px 0 12px}.grid:before,.grid:after{content:'';position:absolute;z-index:-1;pointer-events:none;border-radius:50%}.grid:before{width:190px;height:190px;left:-48px;top:24px;background:linear-gradient(140deg,#ffd453b3,#ff9b4566);box-shadow:0 15px 45px #ffa24a12}.grid:after{width:150px;height:150px;right:-25px;bottom:-22px;background:linear-gradient(140deg,#ff9b4566,#ff6c5266)}.learn-grid:before{width:150px;height:150px;top:-15px;left:22%;background:linear-gradient(140deg,#ffce5377,#ff986366)}.learn-grid:after{width:95px;height:95px;right:10%;bottom:-8px;background:#ff735647}.grid:not(.learn-grid):nth-of-type(2n):before{left:38%;top:35%;width:120px;height:120px;background:#ffd23666}.tile{isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#ffffffa6,#fff7ee78);border:1px solid #ffffffd9!important;border-bottom:1px solid #ffffffd9!important;border-radius:26px;box-shadow:0 9px 28px #c77d4710,inset 0 1px 0 #ffffffc9;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:transform .2s,box-shadow .2s,background .2s}.tile:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:120px;height:120px;border-radius:50%;right:-48px;top:-48px;background:radial-gradient(circle at 35% 35%,#ffbc6040,#ff80521c)}.tile:nth-child(2n):before{width:95px;height:95px;top:auto;bottom:-40px;right:-20px;background:#ffce3833}.tile:hover{background:linear-gradient(135deg,#ffffffd4,#fff4e8b8);border-color:#fff!important;box-shadow:0 16px 34px #cf7e491a,inset 0 1px 0 white}.tile b{color:#664f49}.tile p{color:#786c69}.art,.art-1,.art-2,.art-3,.art-4,.art-5{background:linear-gradient(140deg,#ffffffb3,#ffb87338);border:1px solid #ffffffb3;box-shadow:0 5px 12px #ff9a4410}.art svg{filter:drop-shadow(0 3px 2px #b46b2c12)}.learn-grid .tile{background:linear-gradient(135deg,#ffffff9e,#fff2e273);border-radius:21px}.learn-grid .tile:hover{background:#ffffffcc}.section-heading h2{color:#695249}.section-heading>span{color:#8a746b}.wide{background:linear-gradient(115deg,#fffaf0b3,#ffd7b080);border:1px solid #fff!important;border-radius:27px;box-shadow:0 10px 30px #cb814514}.wide:before{width:230px;height:230px;right:80px;top:-130px;background:#ffb14a38}.wide:after{color:#f87b4c}.wide b{color:#df6e41}.wide p{color:#786c69}.muted{color:#88776f}body{background:radial-gradient(circle at 99% 63%,#ff9b4433 0 170px,transparent 171px),radial-gradient(circle at 1% 91%,#ff735626 0 190px,transparent 191px),linear-gradient(160deg,#f4f7ff 20%,#fff6ee 65%,#fff2df);overflow-x:hidden}.grid.balloons:before,.grid.balloons:after{display:none}
@media(max-width:650px){.grid{gap:14px}.grid:before{width:140px;height:140px;left:-22px}.grid:after{width:115px;height:115px;right:-10px}.tile{border-radius:23px}.learn-grid .tile{border-radius:19px}.wide:before{right:10px}.section-heading h2{font-size:21px}}
@media(prefers-reduced-transparency:reduce){.tile,.learn-grid .tile,.wide{background:#fff8ef;backdrop-filter:none;-webkit-backdrop-filter:none}}

a{color:#c65335}.small{text-decoration:none;display:inline-block}.hub-back{display:inline-block;text-decoration:none}.header-link{display:inline-block;text-decoration:none}.header-link:focus-visible{outline:3px solid #4389ff;outline-offset:5px;border-radius:8px}.header-link .brand{font-size:31px}.scope{margin-top:35px;background:#ffffff80;padding:18px 22px;border:1px solid white;border-radius:20px;color:#796c66;font-size:13px;line-height:1.8}.scope summary{cursor:pointer;font-weight:700;color:#695249}.story p{color:#526478;margin-top:8px}.result-icon{font-size:54px}.reward{font-size:42px}.question:focus,h1:focus{outline:none}.balloons .option{border-radius:45% 45% 40% 40%;line-height:1.4;min-height:115px;padding:20px 12px;font-size:16px}.subject-grid{scroll-margin-top:28px}.subject-card{display:flex;flex-direction:column;text-decoration:none;min-height:290px;padding:30px}.subject-card .subject-icon{display:grid;place-items:center;width:88px;height:88px;font-size:44px;background:linear-gradient(135deg,#ffffffbd,#ffca7c42);border:1px solid #ffffffde;border-radius:28px;margin-bottom:25px;box-shadow:0 8px 20px #ff9b4417;transition:transform .2s}.subject-card:hover .subject-icon{transform:rotate(-5deg) scale(1.05)}.subject-card b{font-size:23px}.subject-card p{font-size:14px;line-height:1.7;margin:9px 0 20px}.subject-card .card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#c56442;font-weight:750;font-size:12px}.card-footer .arrow{font-size:26px;margin:0}.hub-description{max-width:610px;line-height:1.8;font-size:15px;color:#81736c}.hub-mascot{animation:beeFloat 5s ease-in-out infinite;will-change:transform}.hub-hero:after{animation:circleFloat 7s ease-in-out infinite}.hub-note{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 10px}.hub-note span{font-size:12px;color:#79695e;background:#ffffff80;border:1px solid #fff;border-radius:25px;padding:11px 16px}.hub-hero .hero-cta{text-decoration:none;font-weight:750;text-transform:uppercase;font-size:12px;display:inline-flex;align-items:center}.hub-hero .hero-cta span{font-size:22px}.hub-total{font-size:13px!important;white-space:nowrap}.hub-grid-title{margin-top:30px}.hub-hero h1{max-width:510px}.subject-subtitle{font-size:12px;color:#9c6551;margin-bottom:12px}.balloons{grid-template-columns:repeat(3,minmax(0,1fr))}.option{overflow-wrap:anywhere}header strong{min-width:0}header small{letter-spacing:1px}.scope a{overflow-wrap:anywhere}
@keyframes beeFloat{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-11px) rotate(-1deg)}}@keyframes circleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@media(max-width:700px){.subject-grid{grid-template-columns:1fr}.subject-card{min-height:0;padding:24px}.subject-card .subject-icon{width:70px;height:70px;font-size:35px;margin-bottom:17px}.subject-card b{font-size:23px}.subject-card p{margin-bottom:15px}.subject-card .card-footer{margin-top:8px}.hub-hero{min-height:370px}.hub-total{padding:9px!important}.header-link .brand{font-size:26px}.balloons{grid-template-columns:1fr}.balloons .option{border-radius:50px;min-height:75px}.hub-note{gap:8px}.hub-note span{font-size:11px;padding:9px 12px}}
@media(max-width:420px){header{gap:6px}.header-link .brand{font-size:24px}header small{font-size:8px;letter-spacing:.5px}.small{min-width:35px;padding:8px}.hub-hero h1{font-size:27px}.hub-hero .fox{min-width:100px}.hub-hero .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hub-mascot,.hub-hero:after{animation:none;will-change:auto}html{scroll-behavior:auto}}
.subject-card .card-footer>span{font-size:12px;display:inline;margin:0;line-height:1.6}.subject-card .card-footer>.arrow{font-size:26px;flex-shrink:0}.subject-card .card-footer{gap:15px}

html,body,button,input,select,textarea{font-family:'BeeBright Sans',system-ui,sans-serif} .brand{letter-spacing:-1.3px}

.subject-card .subject-icon-3d{width:100%;height:195px;background:none;border:0;box-shadow:none;border-radius:0;margin:0 0 20px;display:grid;place-items:center}.subject-icon-3d img{display:block;width:215px;height:215px;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #ad6f3820);transition:transform .25s}.subject-card:hover .subject-icon-3d{transform:none}.subject-card:hover .subject-icon-3d img{transform:translateY(-5px) rotate(-3deg)}.subject-card{min-height:390px}.subject-card .subject-subtitle{font-size:10px;letter-spacing:.6px}.subject-card .subject-icon-3d{font-size:0}
@media(max-width:700px){.subject-card .subject-icon-3d{height:180px;margin-bottom:14px}.subject-icon-3d img{width:200px;height:200px}.subject-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.subject-card:hover .subject-icon-3d img{transform:none}}

header .brand-slogan{font-size:11px;letter-spacing:0;text-transform:none;line-height:1.6;margin-top:5px;color:#7b706b;font-weight:400}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;scroll-margin-top:25px}.grade-card{display:flex;align-items:center;gap:28px;text-decoration:none;padding:33px;min-height:260px}.grade-card .grade-number{flex-shrink:0;position:relative;width:100px;height:125px;display:grid;place-items:center;font-size:100px;font-weight:900;line-height:1;color:#ff9147;text-shadow:0 3px 0 #ffe3af,0 8px 0 #ed6c3a,0 15px 14px #b2563a28;transform:rotate(-8deg);margin:0}.grade-card .grade-number>span{position:absolute;bottom:-10px;right:-6px;color:#477ef5;font-size:17px;letter-spacing:1px;font-weight:900;background:#ffffffae;padding:6px 9px;border-radius:12px;box-shadow:0 3px 10px #ff9b441c;text-shadow:none;margin:0;transform:rotate(10deg)}.grade-card .grade-number-four{color:#4e8cff;text-shadow:0 3px 0 #d2e7ff,0 8px 0 #3762cb,0 15px 14px #4269a928}.grade-card h2{color:#664f49;text-transform:none;font-size:25px;letter-spacing:-.5px;margin:6px 0 10px}.grade-card p{font-size:12px;line-height:1.8}.grade-card .grade-description{margin-top:12px;font-size:13px}.grade-card .grade-action{display:flex;align-items:center;gap:20px;color:#c56442;font-size:12px;font-weight:700;margin:20px 0 0}.grade-card .grade-action>span{font-size:24px;margin:0}.grade-card .subject-subtitle{font-size:9px;letter-spacing:1px}.grade-card:hover .grade-number{transform:rotate(-3deg) translateY(-3px)}
@media(max-width:900px){.grade-card{padding:25px;gap:20px}.grade-card .grade-number{width:78px;font-size:85px}.grade-card h2{font-size:23px}}
@media(max-width:700px){.grade-grid{grid-template-columns:1fr;gap:20px}.grade-card{padding:27px;gap:25px;min-height:235px}.grade-card .grade-number{width:88px;font-size:95px}.grade-card h2{font-size:24px}header .brand-slogan{font-size:10px;max-width:275px}}
@media(max-width:420px){header .brand-slogan{font-size:9px;max-width:220px}.grade-card{gap:20px;padding:22px}.grade-card .grade-number{width:65px;font-size:78px}.grade-card h2{font-size:22px}}
.profile-open{overflow:hidden}.profile-overlay{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 14% 20%,#ffb84958,transparent 33%),radial-gradient(circle at 90% 80%,#ff795052,transparent 35%),#f5f7fff2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);overflow-y:auto;display:flex;align-items:safe center;justify-content:center;padding:35px 20px;overscroll-behavior:contain}.profile-panel{position:relative;width:100%;max-width:520px;background:linear-gradient(140deg,#ffffffed,#fff3e8e8);border:1px solid white;border-radius:35px;padding:30px 35px;box-shadow:0 25px 75px #9c684025;text-align:center}.profile-intro{position:relative}.profile-bee{width:98px;height:118px;object-fit:contain;display:block;margin:0 auto 10px;filter:drop-shadow(0 7px 8px #ba6d3820)}.profile-intro .brand{font-size:29px}.profile-slogan{font-size:10px;color:#85746b}.profile-panel h1{color:#674e45;font-size:26px;margin:22px 0 10px;letter-spacing:-.7px}.profile-panel>p{font-size:13px;line-height:1.8;color:#7a6b64}.profile-form{text-align:left;margin-top:24px}.profile-form label{display:block;font-size:13px;font-weight:700;color:#6a5147;margin-bottom:8px}.profile-form input{border:1px solid #eed4be;background:#ffffffd9;border-radius:17px;padding:15px 17px;font-size:17px;color:#674e45}.profile-name-hint{font-size:11px;color:#88776d;margin-top:7px}.profile-form .primary{width:100%;font-size:12px;padding:16px 20px;margin-top:15px}.profile-error{color:#ae3933;font-size:12px;margin-top:8px}.profile-list{display:grid;gap:9px;margin:23px 0 0;max-height:245px;overflow-y:auto;padding:3px}.profile-choice{display:flex;align-items:center;gap:14px;background:#ffffffb5;border:1px solid white;border-radius:20px;padding:12px 15px;text-align:left;width:100%;transition:background .15s,transform .15s}.profile-choice:hover{background:#fff0da;transform:translateY(-1px)}.profile-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffb94e,#ff7c52);color:white;display:grid;place-items:center;font-weight:700;font-size:22px;flex-shrink:0}.profile-choice-copy{flex:1;min-width:0}.profile-choice b{display:block;font-size:15px;overflow-wrap:anywhere;color:#674e45}.profile-choice small{display:block;font-size:10px;color:#88746a;margin-top:4px}.profile-choice-arrow{font-size:21px;color:#e67a49}.profile-panel .profile-local-note{font-size:10px;color:#947f72;margin:23px 0 0;line-height:1.8}.profile-close{position:absolute;right:16px;top:16px;background:#ffffffc9;border-radius:50%;width:32px;height:32px;color:#806b60}.profile-switch{display:flex;align-items:center;gap:8px;max-width:160px;color:#735c50;min-height:40px}.profile-switch-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ff9a50;color:white;font-size:12px;flex-shrink:0}.profile-switch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}header{flex-wrap:wrap}header strong{flex-basis:40%}
@media(max-width:650px){.profile-overlay{padding:18px 12px}.profile-panel{padding:25px 23px;border-radius:28px}.profile-panel h1{font-size:23px}.profile-switch{max-width:125px;gap:5px;padding:8px 10px}.profile-switch-name{font-size:11px}.profile-bee{width:80px;height:95px}header strong{flex-basis:55%}.profile-choice small{font-size:9px}.profile-list{max-height:210px}}
.saved-best{font-size:14px;text-align:center;background:#fff7e8b3;border:1px solid white;padding:17px 20px;border-radius:20px;margin-top:25px;color:#88633f}