:root{color:#122044;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f9ff;font-family:Nunito,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}button,input,textarea,select{font:inherit}.app{background:radial-gradient(circle at 18% 6%,#2a89ff24,#0000 30%),radial-gradient(circle at 82% 22%,#32c45a1f,#0000 24%),linear-gradient(#f4f9ff 0%,#eef5ff 100%);grid-template-columns:minmax(320px,430px);justify-content:center;min-height:100svh;padding:18px 14px 110px;display:grid}.app-result{padding-bottom:0}.phone-shell{background:#fff;border:1px solid #dbe8f7;border-radius:30px;min-height:calc(100svh - 128px);overflow:clip;box-shadow:0 22px 70px #1b4b8b29}.app-result .phone-shell{min-height:100svh}.screen{min-height:calc(100svh - 130px);padding:20px 18px 22px}.screen-quiz{padding-bottom:112px}.app-header,.page-header,.quiz-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.quiz-header{justify-content:flex-start}.quiz-topbar{z-index:4;background:#fff;margin:-20px -18px 18px;padding:20px 18px 14px;position:sticky;top:0}.brand{text-transform:uppercase;gap:1px;display:grid}.brand-logo{width:auto;height:22px;display:block}.brand small{color:#577092;letter-spacing:.11em;font-size:11px;font-weight:800}.lang-toggle,.icon-button,.close-button{color:#1265e8;background:#fff;border:1px solid #d7e4f4;border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #133e7614}.quiz-home-button{gap:6px;width:auto;padding:0 12px}.quiz-home-button span{font-size:13px;line-height:1}.hero-block{text-align:center;padding:28px 6px 22px;position:relative}.hero-block h1{color:#111d3d;margin:12px 0 6px;font-size:30px;font-weight:900;line-height:1.04}.hero-block p{color:#355174;max-width:280px;margin:0 auto;font-size:16px;font-weight:650;line-height:1.35}.math-cloud{pointer-events:none;position:absolute;inset:0}.math-cloud span{color:#8bb7f5;opacity:.78;font-weight:800;position:absolute}.math-cloud span:first-child{top:34px;left:22px;rotate:-18deg}.math-cloud span:nth-child(2){top:74px;right:36px;rotate:13deg}.math-cloud span:nth-child(3){top:18px;right:78px;rotate:-8deg}.mascot{color:#1668ed;background:linear-gradient(145deg,#e8f3ff,#fff);border:1px solid #cde2ff;border-radius:28px;place-items:center;width:86px;height:86px;margin:0 auto;display:grid;position:relative;box-shadow:0 16px 34px #2a73dc29}.mascot svg:last-child{color:#ffd54a;position:absolute;top:10px;right:-8px}.selector-section{margin-top:20px}.selector-section h2{color:#172449;margin:0 0 12px;font-size:16px;font-weight:900}.grade-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grade-button{color:#10224c;background:#fff;border:1px solid #e0e8f2;border-radius:13px;min-height:52px;font-size:15px;font-weight:850;box-shadow:0 7px 16px #1437610d}.grade-button:nth-child(7){grid-column:1/-1}.grade-button.active{color:#13912f;background:#f0fff3;border-color:#28b247}.topic-list{gap:10px;display:grid}.topic-card{color:#172449;text-align:left;background:#fff;border:1px solid #e1eaf4;border-radius:14px;grid-template-columns:42px 1fr auto 20px;align-items:center;gap:10px;min-height:64px;padding:10px;display:grid;box-shadow:0 8px 20px #1437610d}.topic-card.active,.topic-card:hover{background:#f5fff6;border-color:#35bd4f}.topic-icon{color:#1265e8;background:#eaf2ff;border-radius:13px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;display:grid}.topic-copy{gap:2px;display:grid}.topic-copy strong{font-size:15px}.topic-copy small,.topic-count{color:#587093;font-size:12px;font-weight:750}.topic-count{color:#1b8f34}.progress-row{color:#17305e;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:18px 0 0;display:grid}.progress-track{background:#e9eff7;border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#1265e8,#1386ff);height:100%;display:block}.timer-card{color:#446180;background:#f5f7fb;border-radius:14px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;height:48px;padding:0 14px;font-weight:800;display:grid}.timer-card strong{color:#1265e8}.question-card{padding:18px 0 8px}.question-pill{color:#1265e8;background:#eaf3ff;border-radius:11px;padding:8px 11px;font-size:13px;font-weight:900;display:inline-flex}.question-type{color:#496886;margin:18px 0 6px;font-size:14px;font-weight:850}.question-card h1{color:#101d3f;margin:0 0 16px;font-size:21px;line-height:1.28}.review-accordion{background:#fff;border:1px solid #e1eaf4;border-radius:14px;margin:0 0 16px;overflow:hidden}.review-trigger{color:#17305e;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:54px;padding:13px 14px;font-size:14px;font-weight:850;display:flex}.review-icon{color:#1265e8;flex:none;transition:transform .2s}.review-accordion.open .review-icon{transform:rotate(90deg)}.review-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .18s;display:grid}.review-accordion.open .review-panel{opacity:1;grid-template-rows:1fr}.review-panel>div{overflow:hidden}.review-accordion ul{color:#26385c;gap:8px;margin:0;padding:0 14px 14px 30px;display:grid}.review-accordion li{padding-left:2px;font-size:14px;font-weight:650;line-height:1.35}.formula-scroll{--formula-scroll-bg:#fff;isolation:isolate;min-width:0;display:block;position:relative}.formula-scroll:not(.compact).scrollable:before,.formula-scroll:not(.compact).scrollable:after{content:"";z-index:1;pointer-events:none;width:24px;position:absolute;top:0;bottom:0}.formula-scroll:not(.compact).scrollable:before{background:linear-gradient(90deg, var(--formula-scroll-bg), #fff0);left:0}.formula-scroll:not(.compact).scrollable:after{background:linear-gradient(270deg, var(--formula-scroll-bg), #fff0);right:0}.formula-text{color:#0f1b3a;text-align:left;font-size:24px;line-height:1.35;display:block;overflow-x:auto}.formula-text .katex-display,.formula-text .katex-display>.katex{text-align:left}.formula-text.wrapped{flex-wrap:wrap;align-items:baseline;gap:0 .38em;display:flex;overflow-x:visible}.formula-segment{max-width:100%}.formula-plain-segment{overflow-wrap:break-word;min-width:0}.formula-math-segment{white-space:nowrap}.formula-text.compact{text-align:left;font-size:16px;overflow:visible}.formula-text.plain{font-size:18px;font-weight:800;line-height:1.35}.formula-text.compact.plain{color:#18294f;font-size:15px;font-weight:650}.answer-list{gap:10px;display:grid}.answer-card{color:#11234a;background:#fff;border:1px solid #e1eaf4;border-radius:15px;grid-template-columns:36px 1fr 24px;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:grid;box-shadow:0 8px 20px #1437610d}.answer-card>span:first-child{color:#1265e8;background:#f0f5ff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.answer-card.selected{border-color:#1265e8}.answer-card.correct{background:#f4fff5;border-color:#2db64b}.answer-card.wrong{background:#fff5f1;border-color:#ff805f}.question-dots{margin-top:22px}.question-dots strong{color:#26385c;margin-bottom:9px;font-size:13px;display:block}.question-dots div{flex-wrap:wrap;gap:8px;display:flex}.question-dots button{color:#536781;background:#f7f9fc;border:1px solid #d6e0ec;border-radius:50%;width:36px;height:36px;font-size:13px;font-weight:850}.question-dots button.done{color:#17a13a;background:#f6fff8;border-color:#bde7c6}.question-dots button.missed{color:#c64b30;background:#fff5f1;border-color:#ffd0c5}.question-dots button.current{color:#fff;background:#1265e8;border-color:#1265e8}.quiz-actions{z-index:6;background:0 0;grid-template-columns:112px 1fr;gap:10px;width:min(394px,100vw - 36px);padding:0;display:grid;position:fixed;bottom:18px;left:50%;translate:-50%}.primary-button,.secondary-button{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:54px;font-size:16px;font-weight:900;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(#1678ff,#1265e8);border:1px solid #1265e8;box-shadow:0 14px 25px #1265e833}.primary-button:disabled{opacity:.55}.secondary-button{color:#17305e;background:#fff;border:1px solid #d6e3f3}.full{width:100%}.result-backdrop{background:linear-gradient(160deg,#9bb8d8,#57799d);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.app-result .result-backdrop{min-height:100svh}.result-modal{z-index:1;text-align:center;background:#fff;border-radius:26px;width:100%;max-width:330px;padding:26px 20px 20px;position:relative;box-shadow:0 22px 55px #0b25463d}.close-button{box-shadow:none;color:#0f1b3a;border:0;font-size:34px;line-height:1;position:absolute;top:16px;right:16px}.medal{color:#ffce31;background:linear-gradient(145deg,#ffe685,#ffbf22);border:8px solid #f5b31c;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 12px;display:grid;box-shadow:0 10px 22px #de980b57}.result-modal h1{color:#142245;margin:0;font-size:32px;font-weight:950}.score{color:#29a83f;margin:6px 0;font-size:68px;font-weight:950;line-height:.95;display:block}.result-modal p{color:#263d63;margin:0 auto 16px;font-size:15px;font-weight:750;line-height:1.45}.result-stats{grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0 14px;display:grid}.result-stats span{text-align:left;border:1px solid #dbe8f7;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-height:64px;padding:10px;display:grid}.result-stats svg{color:#1265e8;grid-row:1/span 2}.result-stats small{color:#587093;font-size:12px}.result-stats strong{color:#17305e;white-space:nowrap;font-size:16px;line-height:1.15}.result-note{justify-content:center;align-items:center;gap:8px;display:flex}.result-note svg{color:#ffb000;flex:0 0 18px;width:18px;height:18px}.result-actions{gap:10px;display:grid}.saved-line{color:#7083a0;margin-top:14px;font-size:13px;font-weight:750;display:block}.confetti-pieces span{left:calc((var(--i) * 19px) % 100%);top:calc((var(--i) * 37px) % 95%);background:hsl(calc(var(--i) * 31), 88%, 68%);width:9px;height:16px;rotate:calc(var(--i) * 17deg);opacity:.85;border-radius:2px;position:absolute}.history-list{gap:10px;margin-top:18px;display:grid}.history-row{background:#fff;border:1px solid #e1eaf4;border-radius:14px;grid-template-columns:1fr 54px 52px 78px;align-items:center;gap:8px;min-height:68px;padding:12px;display:grid;box-shadow:0 8px 20px #1437610d}button.history-row{width:100%;font:inherit;text-align:left}.history-row.clickable{cursor:pointer}.history-row div{gap:2px;display:grid}.history-row small,.history-row span{color:#5c7292;font-size:12px;font-weight:750}.history-row .good{color:#22a53c}.history-row .warn{color:#f27522}.history-row .bad{color:#d53d2f}.empty-state,.settings-panel,.wins-empty{background:#fff;border:1px solid #e1eaf4;border-radius:16px;margin-top:22px;padding:18px}.wins-empty{color:#6d7f99;text-align:center;justify-items:center;gap:10px;display:grid}.wins-empty svg{color:#8ba0bd}.wins-empty p{color:#26385c;margin:0;font-weight:850}.award-detail{text-align:center;background:#fff;border:1px solid #e1eaf4;border-radius:16px;justify-items:center;gap:14px;margin-top:22px;padding:22px 18px;display:grid}.award-badge{color:#1265e8;background:#eef5ff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.award-detail h1,.award-detail p{color:#26385c;margin:0}.award-detail h1{font-size:22px;line-height:1.2}.award-detail .result-stats{width:100%;margin:0}.settings-panel{grid-template-columns:26px 1fr auto;align-items:center;gap:12px;display:grid}.segmented{background:#eef4fb;border-radius:13px;padding:4px;display:inline-flex}.segmented button{color:#59728f;background:0 0;border:0;border-radius:10px;min-width:46px;height:34px;font-weight:900}.segmented button.active{color:#1265e8;background:#fff}.feature-strip{gap:10px;margin-top:18px;display:grid}.feature-strip article{background:#fff;border:1px solid #e1eaf4;border-radius:16px;grid-template-columns:44px 1fr;align-items:center;gap:4px 12px;padding:14px;display:grid}.feature-strip article>span{color:#1265e8;background:#eef5ff;border-radius:14px;grid-row:span 2;place-items:center;width:42px;height:42px;display:grid}.feature-strip svg{width:22px;height:22px}.feature-strip small{color:#587093}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #dce8f6;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:2px;width:min(382px,100vw - 40px);height:74px;padding:8px 10px;display:grid;position:fixed;bottom:18px;left:50%;translate:-50%;box-shadow:0 14px 35px #14376129}.bottom-nav button{color:#8ba0bd;background:0 0;border:0;border-radius:15px;place-items:center;gap:3px;font-size:10px;font-weight:850;display:grid}.bottom-nav button.active{color:#1265e8}.desktop-history{display:none}button{cursor:pointer;font-family:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #1265e847}@media (width>=900px){.app{grid-template-columns:minmax(390px,430px) minmax(360px,520px);align-items:start;gap:34px;padding-top:34px}.desktop-history{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #dbe8f7;border-radius:28px;padding:26px;display:block;position:sticky;top:34px;box-shadow:0 22px 70px #1b4b8b1f}.desktop-history-title{color:#122044;margin:0 0 4px;font-size:24px;font-weight:950}.history-list.compact .history-row{grid-template-columns:1fr 60px 58px 88px}}@media (width<=390px){.app{padding:0 0 94px}.phone-shell{border:0;border-radius:0;min-height:calc(100svh - 94px)}.app-result .phone-shell{min-height:100svh}.screen{min-height:calc(100svh - 94px)}.hero-block h1{font-size:27px}.grade-grid{gap:8px}.bottom-nav,.quiz-actions{bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}