:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#253051;background:#f7f1ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.math-app{position:relative;min-height:100svh;overflow-x:hidden;background:linear-gradient(145deg,#fff9e8,#f3ebff 48%,#dff6ff)}.math-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.math-bg:before{content:"";position:absolute;width:55vw;height:55vw;left:-20vw;top:-25vw;border-radius:50%;background:#ffd77155;filter:blur(4px)}.math-bg:after{content:"";position:absolute;width:48vw;height:48vw;right:-16vw;top:14vh;border-radius:50%;background:#66d4dd3f;filter:blur(4px)}.bg-shape{position:absolute;font-weight:900;color:#7859bd16;font-size:clamp(55px,9vw,135px);transform:rotate(-13deg)}.s1{left:5%;top:22%}.s2{right:6%;top:8%;transform:rotate(18deg)}.s3{right:16%;bottom:11%;transform:rotate(10deg)}.s4{left:8%;bottom:7%}.s5{left:45%;top:8%;transform:rotate(-5deg)}.grid-floor{position:absolute;left:0;right:0;bottom:0;height:26vh;background-image:linear-gradient(#7259b80d 1px,transparent 1px),linear-gradient(90deg,#7259b80d 1px,transparent 1px);background-size:32px 32px;transform:perspective(400px) rotateX(62deg);transform-origin:bottom}.topbar{position:relative;z-index:10;max-width:1320px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#3b3767;font-size:20px}.brand span{width:42px;height:42px;border-radius:14px;background:#7050c8;color:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 8px 22px #7254c744}.top-actions{display:flex;gap:9px;align-items:center}.top-actions button,.points-chip{border:1px solid #fff;background:#ffffffc9;color:#504d76;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:800;box-shadow:0 5px 20px #6555a51b}.points-chip{color:#9b6819}.home-page{position:relative;z-index:2;max-width:1240px;margin:auto;padding:10px 32px 60px}.hero{min-height:440px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-copy{padding:40px 0}.hero-tag{display:inline-flex;background:#fff;border:1px solid #ffffff;border-radius:999px;color:#7252bd;padding:9px 15px;font-weight:800;font-size:14px;box-shadow:0 8px 25px #6249aa18}.hero h1{margin:18px 0 12px;font-size:clamp(55px,7.4vw,92px);line-height:.97;letter-spacing:-.06em;color:#32365f}.hero h1 em{font-style:normal;color:#7652c8}.hero p{color:#676989;font-size:18px;line-height:1.65;max-width:600px}.hero-actions{display:flex;gap:15px;align-items:center;margin-top:25px}.stats-button{border:0;border-radius:20px;background:#ff9e55;color:#fff;padding:16px 24px;font-weight:900;font-size:17px;box-shadow:0 7px #da7538,0 15px 28px #e87c3a3a}.hero-actions span{font-size:13px;color:#777795;font-weight:700}.hero-machine{position:relative;height:380px;display:grid;place-items:center}.hero-machine:before{content:"";position:absolute;width:340px;height:340px;border-radius:38% 62% 55% 45%;background:linear-gradient(150deg,#6cd7db,#7253c9);box-shadow:0 30px 70px #5943a83d;animation:morph 7s ease-in-out infinite alternate}.mascot{position:relative;font-size:155px;filter:drop-shadow(0 15px 15px #3141613d);animation:float 3s ease-in-out infinite}.orbit{position:absolute;width:400px;height:275px;border:2px dashed #fff9;border-radius:50%;transform:rotate(-10deg)}.num{position:absolute;z-index:2;width:60px;height:60px;border-radius:19px;background:#fff;display:grid;place-items:center;font-size:27px;font-weight:900;color:#6750b1;box-shadow:0 9px 25px #413e7236;animation:float 3.5s ease-in-out infinite}.n1{left:4%;top:19%}.n2{right:10%;top:9%;animation-delay:-.8s}.n3{right:1%;bottom:22%;animation-delay:-1.4s}.n4{left:13%;bottom:4%;animation-delay:-2s}.n5{right:36%;bottom:-2%;animation-delay:-2.5s}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-title small{color:#7652c8;font-weight:900}.section-title h2{font-size:34px;margin:4px 0;color:#32365f}.section-title>span{font-size:13px;color:#787991}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tier-card{position:relative;overflow:hidden;min-height:215px;border:2px solid #fff;background:#ffffffc7;border-radius:28px;padding:20px;text-align:left;color:#343657;box-shadow:0 12px 35px #4e477718;transition:.2s transform,.2s box-shadow}.tier-card:hover,.tier-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 42px #4e47772c}.tier-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--tier-color);opacity:.13;right:-30px;top:-30px}.tier-number{display:inline-block;border-radius:999px;background:color-mix(in srgb,var(--tier-color) 16%,white);color:var(--tier-color);padding:6px 10px;font-size:12px;font-weight:900}.tier-icon{position:absolute;right:18px;top:18px;font-size:43px;z-index:1}.tier-card strong{display:block;margin:18px 0 5px;font-size:24px}.tier-card small{display:block;color:#74758e;min-height:39px;line-height:1.45}.tier-card i{display:block;height:7px;border-radius:999px;background:#e9e5ee;margin:17px 0 9px;overflow:hidden}.tier-card i b{display:block;height:100%;border-radius:inherit;background:var(--tier-color)}.tier-card em{font-style:normal;color:var(--tier-color);font-size:13px;font-weight:900}.quiz-page{position:relative;z-index:2;max-width:1060px;margin:auto;padding:0 24px 30px}.quiz-progress{display:grid;grid-template-columns:100px 1fr 170px;align-items:center;gap:20px;margin:4px 0 12px}.quiz-progress>button{justify-self:start;border:0;background:#fffa;color:#6a6882;border-radius:999px;padding:8px 14px;font-weight:800}.quiz-progress>div>span{display:block;text-align:center;color:#656681;font-size:13px;font-weight:800;margin-bottom:6px}.quiz-progress>div>span b{font-size:21px;color:#3c3d64}.quiz-progress>div>i{display:block;height:8px;border-radius:999px;background:#fffa;overflow:hidden}.quiz-progress>div>i b{display:block;height:100%;border-radius:inherit;transition:.3s width}.streak-chip{justify-self:end;background:#fff7db;border:1px solid #fff;border-radius:999px;padding:8px 13px;color:#8a6624;font-weight:900;font-size:13px}.question-card{position:relative;background:#fffdf9e8;border:2px solid #fff;border-radius:32px;min-height:calc(100svh - 132px);padding:25px 35px 22px;box-shadow:0 25px 65px #49436f27;display:flex;flex-direction:column}.question-meta{display:flex;justify-content:space-between;align-items:center}.question-meta span{color:#fff;padding:7px 12px;border-radius:999px;font-weight:900;font-size:13px}.question-meta small{color:#a09caf;font-weight:800}.question-card h1{font-size:clamp(27px,4.2vw,43px);line-height:1.27;color:#292f54;margin:22px auto 13px;text-align:center;max-width:900px}.visual{margin:3px auto 17px;min-height:96px;width:min(100%,780px);border-radius:21px;background:#f2efff;display:flex;align-items:center;justify-content:center;padding:15px}.visual--objects{gap:20px;flex-wrap:wrap}.object-group{display:flex;flex-wrap:wrap;gap:3px;max-width:46%;justify-content:center;padding:8px 12px;border-radius:14px;background:#fff}.object-group span{font-size:23px}.object-group b{align-self:center;color:#6253a3}.visual--equation{font-size:42px;font-weight:900;letter-spacing:.08em;color:#604bc0}.visual--line{display:block;padding:19px 27px}.line-track{height:39px;border-top:5px solid #8572d1;display:flex;justify-content:space-between}.line-track span{position:relative;top:-11px;color:#77728e;font-size:11px;text-align:center}.line-track i{display:block;width:3px;height:16px;background:#8572d1;margin:auto}.line-track span.active{color:#ec7645;font-size:15px;font-weight:900}.line-track span.active i{background:#ec7645;height:22px}.line-caption{text-align:center;font-size:20px;font-weight:900;color:#594aa6}.visual--blocks{gap:17px}.visual--blocks>div{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.ten-rod{width:8px;height:57px;border-radius:4px;background:repeating-linear-gradient(to bottom,#56a9d8 0,#56a9d8 4px,#fff 4px,#fff 5px)}.one-dot{width:13px;height:13px;border-radius:50%;background:#f28c58}.visual--pattern,.visual--shapes{gap:20px;font-size:37px;color:#6654b9}.visual--pattern span{min-width:45px;height:52px;border-radius:12px;background:#fff;display:grid;place-items:center}.visual--balance{gap:25px;font-size:34px;font-weight:900;color:#5548a1}.visual--balance b{color:#f09052}.shape--circle,.shape--sphere{color:#f27b5d}.shape--triangle{color:#f2b448}.shape--square,.shape--cube{color:#5b9fd8}.shape--rectangle,.shape--cuboid{color:#63b989}.shape--cylinder{color:#9468ca}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:auto}.answer-button{border:3px solid #e5dff0;background:#fff;border-radius:20px;min-height:79px;padding:11px 16px;display:flex;align-items:center;gap:14px;color:#343858;box-shadow:0 5px #e7e1ed;font-size:23px;font-weight:900}.answer-button span{width:46px;height:46px;border-radius:14px;background:#eee8fa;color:#6952b4;display:grid;place-items:center}.answer-button:hover:not(:disabled){border-color:#a698d5;transform:translateY(-1px)}.answer-button--correct{border-color:#67c894;background:#eafff2;box-shadow:0 5px #9bd7b5;color:#17754a}.answer-button--correct span{background:#60c28c;color:#fff}.answer-button--gentle{border-color:#f2b05e;background:#fff7e7;box-shadow:0 5px #e9c68a}.answer-button--muted{opacity:.58}.choose-hint{text-align:center;color:#9995aa;font-size:14px;font-weight:700;margin:16px 0 1px}.feedback-box{display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;background:#fff4de;border:2px solid #ffd092;border-radius:20px;padding:12px 14px;margin-top:14px}.feedback-box--right{background:#eaffef;border-color:#9bdab5}.feedback-icon{width:55px;height:55px;border-radius:17px;background:#fff;display:grid;place-items:center;font-size:29px}.feedback-box strong{font-size:18px;color:#48416c}.feedback-box strong em{font-style:normal;color:#d77734;font-size:13px;margin-left:7px}.feedback-box p{margin:3px 0 0;color:#66617a;font-size:13px;line-height:1.4}.feedback-box button{border:0;background:#7050c8;color:#fff;border-radius:15px;padding:13px 17px;font-weight:900;white-space:nowrap}.celebration{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.celebration span{position:absolute;font-size:50px;animation:burst 1.15s ease-out forwards}.celebration span:nth-child(1){left:10%;top:60%}.celebration span:nth-child(2){left:28%;top:25%;animation-delay:.08s}.celebration span:nth-child(3){left:51%;top:13%;animation-delay:.16s}.celebration span:nth-child(4){right:25%;top:28%;animation-delay:.12s}.celebration span:nth-child(5){right:8%;top:58%;animation-delay:.22s}.celebration--gentle span{font-size:58px}.celebration--gentle span:nth-child(1){left:25%;top:37%}.celebration--gentle span:nth-child(2){left:48%;top:20%}.celebration--gentle span:nth-child(3){left:70%;top:43%}.result-page{position:relative;z-index:2;min-height:calc(100svh - 86px);display:grid;place-items:center;padding:65px 20px}.result-card{position:relative;width:min(100%,720px);background:#fffdf9e8;border:2px solid white;border-radius:34px;padding:70px 40px 38px;text-align:center;box-shadow:0 30px 75px #4c45752c}.result-crown{position:absolute;top:-51px;left:50%;transform:translate(-50%);width:102px;height:102px;border-radius:31px;background:linear-gradient(145deg,#ffe27e,#ff9f58);display:grid;place-items:center;font-size:57px;box-shadow:0 13px 30px #df8c424a}.result-label{color:#7652c8;font-weight:900}.result-card h1{font-size:42px;line-height:1.15;color:#30345b;margin:14px 0}.result-card h1 em{font-style:normal;color:#f0834b;font-size:65px}.result-card>p{color:#73738d;font-size:17px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f2edfc;border-radius:21px;padding:17px;margin:25px 0}.result-stats strong{display:block;font-size:27px;color:#594aa6}.result-stats span{font-size:12px;color:#77748a}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.result-actions button{border:2px solid #cfc4e8;background:#fff;color:#6352a7;border-radius:17px;padding:13px 20px;font-weight:900}.result-actions .primary{background:#7050c8;color:#fff;border-color:#7050c8}.stats-page{position:relative;z-index:2;max-width:1050px;margin:auto;padding:20px 28px 70px}.stats-heading{display:flex;gap:20px;align-items:center;margin:15px 0 25px}.stats-heading button{border:0;background:#fff;border-radius:999px;padding:10px 16px;color:#615a85;font-weight:900}.stats-heading span{font-size:13px;color:#7351c2;font-weight:900}.stats-heading h1{margin:2px 0;font-size:35px;color:#30345b}.stat-hero{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;border-radius:30px;background:linear-gradient(130deg,#6848bf,#8d6bdd);padding:30px 40px;color:#fff;box-shadow:0 20px 50px #5d46a83c}.level-orb{width:130px;height:130px;border-radius:50%;background:#fff2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #fff5}.level-orb strong{font-size:49px}.level-orb span{font-size:12px}.stat-hero p{margin:4px 0;color:#ece7ff}.stat-hero h2{margin:3px 0;font-size:39px}.stat-hero h2 small{font-size:15px}.level-progress{height:10px;background:#ffffff32;border-radius:999px;overflow:hidden}.level-progress i{display:block;height:100%;background:#ffd26e;border-radius:inherit}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.summary-grid article{background:#fff;border-radius:20px;padding:16px 8px;text-align:center;box-shadow:0 8px 24px #51496d12}.summary-grid span{font-size:24px}.summary-grid strong{display:block;font-size:24px;color:#4d4776}.summary-grid small{color:#858197;font-size:11px}.badge-section,.tier-progress{background:#ffffffbe;border:2px solid white;border-radius:28px;padding:23px;margin-top:17px}.badge-section h2,.tier-progress h2{margin:0 0 16px;color:#39365c;font-size:23px}.badge-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.badge-grid article{border-radius:17px;background:#eeeaf3;padding:13px 6px;text-align:center;filter:grayscale(1);opacity:.65}.badge-grid article.unlocked{background:#fff3d8;filter:none;opacity:1}.badge-grid span{font-size:29px}.badge-grid strong{display:block;font-size:12px;color:#55506e;margin-top:4px}.badge-grid small{font-size:10px;color:#8b8498}.tier-progress article{display:grid;grid-template-columns:50px 1fr 50px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ece8f0}.tier-progress article:last-child{border-bottom:0}.tier-progress__icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:23px}.tier-progress strong{display:block;color:#474361}.tier-progress small{color:#8a8598;font-size:11px}.tier-progress i{display:block;height:6px;background:#ebe7ef;border-radius:999px;margin-top:6px;overflow:hidden}.tier-progress i b{display:block;height:100%;border-radius:inherit}.tier-progress em{font-style:normal;color:#6f6790;font-weight:900;font-size:12px;text-align:right}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes morph{to{border-radius:58% 42% 39% 61%;transform:rotate(5deg)}}@keyframes burst{0%{transform:scale(.3) translateY(80px);opacity:0}35%{opacity:1}to{transform:scale(1.25) translateY(-160px) rotate(25deg);opacity:0}}@media(max-width:900px){.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;gap:0}.hero-copy{text-align:center;padding-bottom:0}.hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-machine{height:320px}.summary-grid{grid-template-columns:repeat(3,1fr)}.badge-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.topbar{padding:13px 14px}.brand strong{display:none}.brand span{width:37px;height:37px}.top-actions{gap:5px}.top-actions button,.points-chip{padding:7px 9px;font-size:11px}.home-page{padding:0 14px 45px}.hero{min-height:0}.hero-copy{padding-top:25px}.hero h1{font-size:50px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-machine{height:260px;transform:scale(.82);margin:-10px 0}.section-title{align-items:start}.section-title h2{font-size:28px}.section-title>span{display:none}.tier-grid{grid-template-columns:1fr;gap:11px}.tier-card{min-height:164px;padding:17px}.tier-card strong{margin-top:12px}.quiz-page{padding:0 10px 10px}.quiz-progress{grid-template-columns:62px 1fr 88px;gap:8px}.quiz-progress>button{padding:7px 9px;font-size:11px}.streak-chip{font-size:10px;padding:7px;max-width:88px;overflow:hidden;white-space:nowrap}.question-card{min-height:calc(100svh - 145px);border-radius:23px;padding:15px 13px 11px}.question-card h1{font-size:24px;margin:13px auto 8px}.question-meta span{font-size:10px}.question-meta small{font-size:9px}.visual{min-height:72px;margin-bottom:9px;padding:9px}.visual--equation{font-size:31px}.object-group span{font-size:18px}.answer-grid{grid-template-columns:1fr;gap:7px}.answer-button{min-height:55px;border-width:2px;border-radius:15px;font-size:19px;padding:6px 10px}.answer-button span{width:36px;height:36px;border-radius:11px}.choose-hint{margin:9px 0 0;font-size:12px}.feedback-box{grid-template-columns:43px 1fr auto;gap:7px;padding:8px;margin-top:8px}.feedback-icon{width:39px;height:39px;font-size:21px}.feedback-box strong{font-size:14px}.feedback-box p{font-size:11px}.feedback-box button{padding:10px 8px;font-size:12px}.result-page{padding:60px 11px 25px}.result-card{padding:57px 15px 24px}.result-card h1{font-size:31px}.result-card h1 em{font-size:48px}.result-stats{padding:12px 5px}.result-stats strong{font-size:21px}.stats-page{padding:13px 11px 45px}.stats-heading h1{font-size:28px}.stat-hero{grid-template-columns:96px 1fr;padding:20px 16px;gap:13px}.level-orb{width:90px;height:90px}.level-orb strong{font-size:36px}.stat-hero h2{font-size:27px}.summary-grid{gap:6px}.summary-grid article{padding:11px 4px}.summary-grid strong{font-size:20px}.badge-grid{grid-template-columns:repeat(3,1fr)}.badge-section,.tier-progress{padding:16px 12px}}@media(max-height:650px)and (min-width:700px){.math-app:has(.quiz-page) .topbar{display:none}.topbar{padding-top:9px;padding-bottom:7px}.quiz-page{max-width:1150px}.quiz-progress{margin-bottom:6px}.question-card{min-height:calc(100svh - 83px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;column-gap:20px;padding:15px 23px}.question-meta{grid-column:1}.question-card h1{grid-column:1;margin:9px 0;text-align:left;font-size:27px}.visual{grid-column:1;margin:0;min-height:80px}.answer-grid{grid-column:2;grid-row:1/5;display:flex;flex-direction:column;justify-content:center}.answer-button{min-height:63px}.choose-hint,.feedback-box{grid-column:1}.feedback-box{grid-template-columns:45px 1fr}.feedback-box button{grid-column:1/3}.feedback-icon{width:42px;height:42px}}.question-card h1{font-size:clamp(36px,5.1vw,58px);line-height:1.3;max-width:1000px}.math-blank{display:inline-block;width:.82em;height:.82em;margin:0 .09em;border:.075em solid currentColor;border-radius:.06em;vertical-align:-.055em;background:#fff8;box-shadow:inset 0 0 0 .035em #ffffff90}.visual--equation{font-size:52px;letter-spacing:.045em}.visual--story{min-height:155px;gap:clamp(9px,1.5vw,20px);overflow:hidden;flex-wrap:nowrap;background:linear-gradient(135deg,#f1efff,#e9f8ff)}.story-panel{position:relative;isolation:isolate;min-width:125px;min-height:116px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:11px;border:2px solid #fff;border-radius:20px;background:#ffffffd9;box-shadow:0 8px 18px #55498a12}.story-panel small{position:relative;z-index:2;color:#575373;font-size:15px;font-weight:900}.story-scene{position:absolute;z-index:0;left:50%;bottom:-9px;transform:translate(-50%);font-size:78px;opacity:.18;filter:saturate(.8)}.story-objects{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;max-width:190px;font-size:27px;line-height:1}.story-objects b{font-size:24px;color:#5547a0}.story-objects__large{font-size:47px}.story-objects--faded{opacity:.58;filter:grayscale(.25)}.story-objects--faded:after{content:"";position:absolute;left:0;right:0;top:50%;height:5px;border-radius:5px;background:#ee725c;transform:rotate(-12deg);box-shadow:0 2px #fff}.story-action{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7164a8}.story-action b{font-size:25px;color:#ec7256;white-space:nowrap}.story-action span{font-size:13px;font-weight:900}.story-action i{font-size:30px;font-style:normal;color:#7461c7;line-height:1}.story-result{flex:0 0 90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#6d54d3,#28a9cd);box-shadow:0 12px 25px #594ac744,0 0 0 7px #ffffffa0}.story-result b{font-size:38px;line-height:.9}.story-result small{font-size:11px;font-weight:900;margin-top:7px}.story-add-part{display:contents}.story-plus{align-self:center;font-size:34px;color:#f08358}.visual--compare .story-panel{max-width:310px}.visual--fill .story-panel:last-child{background:#f7fff2}.ocean-celebration{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,#61efffcf 0,#61efffcf 12%,#1788dfaa 34%,#083f87d9 72%,#062653eb);animation:ocean-overlay 1.8s ease-out forwards}.ocean-celebration__flash{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:conic-gradient(from 0deg,transparent 0 8%,#fff8 9% 12%,transparent 13% 23%,#69f7ff99 24% 28%,transparent 29% 44%,#fff8 45% 48%,transparent 49% 100%);animation:ocean-rays 1.3s ease-out forwards}.ocean-celebration__ring{position:absolute;width:180px;height:180px;border:12px solid #cfffff;border-radius:50%;box-shadow:0 0 35px #fff,0 0 80px #55eaff;animation:ocean-ring 1.4s ease-out forwards}.ocean-celebration .ring-two{animation-delay:.16s;border-width:6px}.ocean-celebration__ray{position:absolute;width:9px;height:42vh;border-radius:50%;background:linear-gradient(transparent,#fff,transparent);filter:drop-shadow(0 0 12px #63efff)}.ocean-celebration .ray-one{transform:rotate(54deg)}.ocean-celebration .ray-two{transform:rotate(-54deg)}.ocean-celebration .ray-three{transform:rotate(90deg)}.ocean-celebration__hero{position:absolute;left:50%;top:45%;font-size:clamp(125px,21vw,260px);line-height:1;filter:drop-shadow(0 18px 9px #062b5980) drop-shadow(0 0 22px #fff);will-change:transform,opacity}.ocean-celebration__friend{position:absolute;font-size:clamp(58px,8vw,105px);filter:drop-shadow(0 8px 8px #063d7290);animation:ocean-friend 1.5s cubic-bezier(.15,.8,.2,1) forwards}.ocean-celebration .friend-one{left:9%;top:58%;--turn:-18deg}.ocean-celebration .friend-two{right:9%;top:22%;--turn:16deg;animation-delay:.08s}.ocean-celebration .friend-three{right:18%;bottom:8%;--turn:-10deg;animation-delay:.16s}.ocean-celebration>strong{position:absolute;left:50%;top:69%;transform:translate(-50%,-50%) scale(.4);padding:13px 26px;border:4px solid #fff;border-radius:999px;background:linear-gradient(110deg,#ffbd3d,#ff6f61);color:#fff;font-size:clamp(20px,3.5vw,42px);white-space:nowrap;text-shadow:0 3px 0 #b63c58;box-shadow:0 10px #a43b68,0 20px 45px #0329589c;animation:ocean-title 1.65s cubic-bezier(.2,1.2,.25,1) forwards}.ocean-celebration>strong em{display:block;font-style:normal;font-size:.55em;letter-spacing:.2em;text-align:center;text-shadow:none}.ocean-celebration__bubbles i{position:absolute;bottom:-50px;width:18px;height:18px;border:3px solid #dcffff;border-radius:50%;box-shadow:inset 4px 3px 5px #fff8;animation:ocean-bubble 1.55s ease-out forwards}.ocean-celebration__bubbles i:nth-child(1){left:5%;--drift:25px}.ocean-celebration__bubbles i:nth-child(2){left:14%;width:36px;height:36px;--drift:-20px;animation-delay:.14s}.ocean-celebration__bubbles i:nth-child(3){left:25%;--drift:50px;animation-delay:.07s}.ocean-celebration__bubbles i:nth-child(4){left:34%;width:27px;height:27px;--drift:-30px}.ocean-celebration__bubbles i:nth-child(5){left:43%;--drift:25px;animation-delay:.18s}.ocean-celebration__bubbles i:nth-child(6){left:52%;width:40px;height:40px;--drift:-35px}.ocean-celebration__bubbles i:nth-child(7){left:61%;--drift:42px;animation-delay:.1s}.ocean-celebration__bubbles i:nth-child(8){left:70%;width:28px;height:28px;--drift:-22px}.ocean-celebration__bubbles i:nth-child(9){left:78%;--drift:35px;animation-delay:.2s}.ocean-celebration__bubbles i:nth-child(10){left:86%;width:38px;height:38px;--drift:-45px}.ocean-celebration__bubbles i:nth-child(11){left:93%;--drift:18px;animation-delay:.12s}.ocean-celebration__bubbles i:nth-child(12){left:48%;width:25px;height:25px;--drift:65px;animation-delay:.24s}.ocean-celebration--leap .ocean-celebration__hero{animation:ocean-leap 1.55s cubic-bezier(.16,.82,.23,1) forwards}.ocean-celebration--whale .ocean-celebration__hero,.ocean-celebration--splash .ocean-celebration__hero{animation:ocean-whale 1.65s cubic-bezier(.1,.75,.15,1) forwards}.ocean-celebration--zoom .ocean-celebration__hero{animation:ocean-zoom 1.5s cubic-bezier(.1,.75,.18,1) forwards}.ocean-celebration--glide .ocean-celebration__hero,.ocean-celebration--jelly .ocean-celebration__hero{animation:ocean-glide 1.6s ease-out forwards}.ocean-celebration--spin .ocean-celebration__hero,.ocean-celebration--pop .ocean-celebration__hero{animation:ocean-spin 1.55s cubic-bezier(.2,.9,.25,1.15) forwards}@keyframes ocean-overlay{0%{opacity:0}10%,72%{opacity:1}to{opacity:0}}@keyframes ocean-rays{0%{transform:scale(.2) rotate(-35deg);opacity:0}35%{opacity:1}to{transform:scale(1.4) rotate(28deg);opacity:0}}@keyframes ocean-ring{0%{transform:scale(.15);opacity:0}20%{opacity:1}to{transform:scale(5.2);opacity:0}}@keyframes ocean-leap{0%{transform:translate(-120vw,35vh) rotate(-25deg) scale(.4);opacity:0}45%{transform:translate(-50%,-58%) rotate(-8deg) scale(1.15);opacity:1}to{transform:translate(75vw,-70vh) rotate(24deg) scale(.75);opacity:0}}@keyframes ocean-whale{0%{transform:translate(75vw,-30%) scale(.45);opacity:0}38%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-130vw,-20%) scale(.8);opacity:0}}@keyframes ocean-zoom{0%{transform:translate(-50%,-50%) scale(.05) rotate(-12deg);opacity:0}42%{transform:translate(-50%,-50%) scale(1.25) rotate(4deg);opacity:1}to{transform:translate(-50%,-50%) scale(3.8) rotate(-4deg);opacity:0}}@keyframes ocean-glide{0%{transform:translate(-120vw,35vh) rotate(-16deg);opacity:0}45%{transform:translate(-50%,-50%) rotate(7deg);opacity:1}to{transform:translate(110vw,-45vh) rotate(-9deg);opacity:0}}@keyframes ocean-spin{0%{transform:translate(-50%,-50%) scale(.15) rotate(-180deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.22) rotate(18deg);opacity:1}to{transform:translate(-50%,-50%) scale(.7) rotate(190deg);opacity:0}}@keyframes ocean-friend{0%{transform:translateY(70vh) scale(.3) rotate(var(--turn));opacity:0}42%{opacity:1}to{transform:translateY(-70vh) scale(1.25) rotate(var(--turn));opacity:0}}@keyframes ocean-title{0%{transform:translate(-50%,-50%) scale(.2) rotate(-8deg);opacity:0}25%,72%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-80%) scale(1.2);opacity:0}}@keyframes ocean-bubble{0%{transform:translate(0) scale(.2);opacity:0}20%{opacity:1}to{transform:translate(var(--drift),-105vh) scale(1.6);opacity:0}}@media(max-width:620px){.question-card h1{font-size:clamp(29px,7.5vw,35px);margin:12px auto 8px}.visual--equation{font-size:39px}.visual--story{min-height:108px;gap:5px;padding:6px}.story-panel{min-width:74px;min-height:91px;padding:6px;gap:4px;border-radius:14px}.story-panel small{font-size:11px}.story-scene{font-size:53px}.story-objects{font-size:19px;gap:2px;max-width:105px}.story-objects__large{font-size:33px}.story-objects b{font-size:17px}.story-action{flex-basis:43px}.story-action b{font-size:17px}.story-action span{font-size:10px}.story-action i{font-size:21px}.story-result{flex-basis:62px;height:62px}.story-result b{font-size:27px}.story-result small{font-size:8px;margin-top:4px}.story-plus{font-size:21px}.ocean-celebration>strong{top:72%}}@media(max-height:650px)and (min-width:700px){.quiz-page{padding-bottom:0}.question-card{min-height:calc(100svh - 90px)}.question-card h1{font-size:32px}.visual--equation{font-size:42px}.visual--story{min-height:94px}.story-panel{min-width:80px;min-height:82px;padding:5px}.story-scene{font-size:52px}.story-objects{font-size:19px}.story-result{height:54px;flex-basis:54px}.story-action{flex-basis:42px}}@media(prefers-reduced-motion:reduce){.ocean-celebration,.ocean-celebration *{animation-duration:.5s!important}}.math-update-banner{position:fixed;z-index:60;left:50%;bottom:18px;transform:translate(-50%);width:min(92vw,490px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:2px solid #fff;border-radius:18px;background:#fff8e8;box-shadow:0 10px 30px #3e287899;color:#52379b;font-size:16px;font-weight:900}.math-update-banner button{flex:none;border:0;border-radius:12px;background:#ffb85f;color:#513b2b;padding:10px 13px;font-size:15px;font-weight:900}@media(max-width:420px){.math-update-banner{font-size:14px}.math-update-banner button{font-size:13px}}.quiz-controls{display:flex;gap:5px}.quiz-controls button{border:0;background:#fff;color:#615a85;border-radius:999px;padding:9px 12px;font-weight:800;min-height:44px;white-space:nowrap}.quiz-progress{grid-template-columns:140px 1fr 170px}.shape-svg{width:clamp(42px,7vw,76px);height:clamp(42px,7vw,76px);display:block}.visual--shapes{flex-wrap:wrap;gap:10px}.ten-rod{height:70px;width:10px;border-radius:2px;background:none;display:flex;flex-direction:column;gap:1px}.ten-rod i{display:block;flex:1;background:#56a9d8;border-radius:1px}.visual--sequence,.visual--add{flex-wrap:wrap}.visual--sequence .story-panel{flex-basis:100px}.story-result{min-width:62px}.visual--pattern{flex-wrap:wrap;gap:8px}.visual--pattern span{min-width:36px}.pause-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#292744b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pause-card{background:#fffaf1;max-width:440px;width:100%;padding:30px;border:3px solid #fff;border-radius:28px;text-align:center;box-shadow:0 20px 60px #211a6155}.pause-card>span{font-size:55px}.pause-card h1{margin:10px}.pause-card p{color:#65617c;line-height:1.6}.pause-card button{display:block;width:100%;min-height:48px;border:0;border-radius:16px;margin-top:12px;background:#7050c8;color:#fff;font-weight:800}.pause-card button:last-child{background:#ece5fa;color:#61528b}.math-app--paused .quiz-page *{animation-play-state:paused!important}.storage-notice{position:relative;z-index:11;margin:0 auto 10px;padding:12px 16px;max-width:800px;background:#fff2cb;color:#62522e;border-radius:12px}button:focus-visible{outline:3px solid #382483;outline-offset:4px}.answer-button:disabled{cursor:default}@media(max-width:620px){.quiz-progress{grid-template-columns:110px 1fr 88px}.quiz-controls button{font-size:12px;padding:8px}.feedback-box{grid-template-columns:39px minmax(0,1fr)}.feedback-box button{grid-column:1/-1;min-height:44px}.visual--story{overflow:visible;flex-wrap:wrap}.visual--subtract .story-panel{flex-basis:85px}.story-result{flex-shrink:0}.visual--pattern{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ocean-animal{display:block;width:1.35em;height:1.12em;overflow:visible}.ocean-celebration--breach .ocean-celebration__hero{animation:ocean-breach 1.7s cubic-bezier(.18,.75,.2,1) forwards}.ocean-celebration--soar .ocean-celebration__hero{animation:ocean-soar 1.7s ease-out forwards}.ocean-celebration--sway .ocean-celebration__hero{animation:ocean-sway 1.7s ease-out forwards}.ocean-celebration--dart .ocean-celebration__hero{animation:ocean-dart 1.65s ease-out forwards}.ocean-celebration--scuttle .ocean-celebration__hero{animation:ocean-scuttle 1.7s ease-out forwards}.ocean-celebration--bounce .ocean-celebration__hero{animation:ocean-bounce 1.7s ease-out forwards}.ocean-celebration--roll .ocean-celebration__hero{animation:ocean-roll 1.7s ease-out forwards}.ocean-animal__wings{transform-origin:120px 86px;animation:ocean-flap .35s ease-in-out infinite alternate}.ocean-animal__fin{transform-origin:110px 108px;animation:ocean-fin .18s ease-in-out infinite alternate}@keyframes ocean-breach{0%{transform:translate(-120vw,65vh) rotate(-40deg) scale(.4);opacity:0}38%,58%{transform:translate(-50%,-50%) rotate(-18deg) scale(1.1);opacity:1}to{transform:translate(100vw,48vh) rotate(28deg) scale(.8);opacity:0}}@keyframes ocean-soar{0%{transform:translate(-120vw,15vh) rotate(-10deg) scale(.6);opacity:0}40%,60%{transform:translate(-50%,-50%) rotate(4deg) scale(1.15);opacity:1}to{transform:translate(110vw,-50vh) rotate(-14deg) scale(.8);opacity:0}}@keyframes ocean-sway{0%{transform:translate(-50%,65vh) rotate(-16deg) scale(.4);opacity:0}35%{transform:translate(-50%,-45%) rotate(12deg) scale(1.1);opacity:1}60%{transform:translate(-50%,-55%) rotate(-12deg) scale(1.1);opacity:1}to{transform:translate(-50%,-100vh) rotate(18deg) scale(.65);opacity:0}}@keyframes ocean-dart{0%{transform:translate(100vw,25vh) scale(.5);opacity:0}35%{transform:translate(-40%,-60%) rotate(-10deg) scale(1.15);opacity:1}60%{transform:translate(-60%,-40%) rotate(8deg) scale(1.15);opacity:1}to{transform:translate(-130vw,-30vh) scale(.7);opacity:0}}@keyframes ocean-scuttle{0%{transform:translate(-120vw,-40%) rotate(-15deg);opacity:0}35%{transform:translate(-65%,-50%) rotate(9deg);opacity:1}48%{transform:translate(-35%,-50%) rotate(-9deg);opacity:1}62%{transform:translate(-60%,-50%) rotate(9deg);opacity:1}to{transform:translate(100vw,-50%) rotate(-12deg);opacity:0}}@keyframes ocean-bounce{0%{transform:translate(-50%,70vh) scale(.4);opacity:0}35%{transform:translate(-50%,-65%) rotate(-12deg) scale(1.1);opacity:1}58%{transform:translate(-50%,-35%) rotate(12deg) scale(1.1);opacity:1}to{transform:translate(-50%,-95vh) rotate(-14deg) scale(.7);opacity:0}}@keyframes ocean-roll{0%{transform:translate(-120vw,35vh) rotate(-120deg) scale(.5);opacity:0}40%{transform:translate(-50%,-50%) rotate(-8deg) scale(1.1);opacity:1}62%{transform:translate(-50%,-50%) rotate(18deg) scale(1.1);opacity:1}to{transform:translate(110vw,-20vh) rotate(160deg) scale(.75);opacity:0}}@keyframes ocean-flap{to{transform:scaleY(.86)}}@keyframes ocean-fin{to{transform:rotate(14deg)}}@media(prefers-reduced-motion:reduce){.ocean-celebration .ocean-celebration__hero{animation:ocean-calm .7s ease-out forwards!important}.ocean-animal *{animation:none!important}}@keyframes ocean-calm{0%{transform:translate(-50%,-50%);opacity:0}25%,75%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-50%);opacity:0}}