:root{color:#2b2853;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f1ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{touch-action:pan-x pan-y;background:radial-gradient(circle at 10% 15%,#ffc95959,#0000 22%),radial-gradient(circle at 88% 82%,#4ad3a942,#0000 24%),linear-gradient(145deg,#f8f6ff 0%,#edeaff 100%);place-items:center;min-height:100dvh;padding:30px 20px;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";opacity:.22;background-image:radial-gradient(#7667f5 1.2px,#0000 1.2px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.card{z-index:1;background:#ffffffed;border:1px solid #ffffffe6;border-radius:36px;width:min(100%,720px);min-height:610px;position:relative;overflow:hidden;box-shadow:0 28px 70px #42359726,0 8px 20px #43349c14}.home-card,.result-card{text-align:center;padding:48px 58px 40px}.brand-mark{color:#fff;background:linear-gradient(145deg,#8c7cff,#6554dc);border-radius:22px;place-items:center;width:66px;height:66px;margin:0 auto 16px;font-size:31px;font-weight:900;line-height:1;display:grid;transform:rotate(-5deg);box-shadow:0 10px 22px #6957de4d}.eyebrow{color:#7568bc;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:14px;font-weight:900}h1{color:#302c5d;letter-spacing:-.045em;margin:0;font-size:clamp(38px,7vw,60px);font-weight:900;line-height:1.05}.lead{color:#706d91;margin:10px 0 18px;font-size:18px;line-height:1.55}.mode-switch{background:#efedfa;border-radius:18px;grid-template-columns:1fr 1fr;gap:5px;width:min(100%,440px);margin:0 auto 16px;padding:5px;display:grid}.mode-switch button{cursor:pointer;color:#77728f;background:0 0;border:0;border-radius:14px;min-height:44px;font-size:15px;font-weight:900;transition:color .16s,background .16s,box-shadow .16s}.mode-switch button.active{color:#594bc2;background:#fff;box-shadow:0 5px 14px #4739961f}.section-label{color:#77728f;text-align:left;margin:0 0 9px;font-size:14px;font-weight:900}.number-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.number-button{aspect-ratio:1;cursor:pointer;color:#3d376d;background:#f1efff;border:0;border-radius:20px;min-width:0;transition:transform .18s,box-shadow .18s,background .18s;position:relative;box-shadow:inset 0 0 0 2px #0000}.number-button:nth-child(5n+2),.number-button:nth-child(5n+5){color:#7c5821;background:#fff3d5}.number-button:nth-child(5n+3){color:#176c59;background:#ddf8ef}.number-button:nth-child(5n+4){color:#91445a;background:#ffe7ec}.number-button span{font-size:clamp(25px,5vw,34px);font-weight:900}.number-button small{opacity:.38;font-weight:900;position:absolute;top:7px;right:10px}.number-button:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 10px 18px #40328e21}.number-button:focus-visible{outline-offset:3px;outline:4px solid #7667f540}.general-label{margin-top:16px}.general-tests{grid-template-columns:1fr 1fr;gap:12px;display:grid}.general-button{cursor:pointer;color:#4e477e;text-align:left;background:#eeeaff;border:0;border-radius:18px;align-items:center;gap:11px;min-width:0;min-height:67px;padding:10px 13px;transition:transform .16s,box-shadow .16s;display:flex}.general-button--mixed{color:#176c59;background:#e4f9f2}.general-button:hover{transform:translateY(-2px);box-shadow:0 8px 17px #40328e1c}.general-icon{color:#fff;background:#7667e8;border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid}.general-button--mixed .general-icon{background:#36ac8a;font-size:15px}.general-button strong,.general-button small{display:block}.general-button strong{font-size:14px;line-height:1.1}.general-button small{opacity:.7;margin-top:4px;font-size:11px;line-height:1.15}.tip{color:#8581a2;margin:14px 0 0;font-size:13px}.tip span{margin-right:6px}.decor{z-index:0;color:#5c4cc224;-webkit-user-select:none;user-select:none;font-weight:900;line-height:1;position:absolute}.decor--one{font-size:100px;top:12%;left:5%;transform:rotate(-18deg)}.decor--two{font-size:90px;top:16%;right:5%;transform:rotate(12deg)}.decor--three{font-size:110px;bottom:10%;right:8%;transform:rotate(-10deg)}.test-card{padding:34px 46px 46px}.test-header{justify-content:space-between;align-items:center;display:flex}.icon-button{cursor:pointer;color:#5d54a2;background:#f1efff;border:0;border-radius:15px;width:48px;height:48px;font-size:25px;font-weight:900}.counter{color:#9995af;font-size:17px}.counter strong{color:#393463;font-size:22px}.score-pill{color:#6a5120;background:#fff2ce;border-radius:15px;padding:10px 14px;font-weight:900}.progress-track{background:#eeecf7;border-radius:20px;height:12px;margin:25px 0 0;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#7667f5,#9c8eff);height:100%;transition:width .35s}.question-area{text-align:center;max-width:500px;margin:70px auto 0}.question-label{color:#8c88a7;margin:0 0 18px;font-size:17px;font-weight:800}.equation{letter-spacing:-.05em;justify-content:center;align-items:center;gap:clamp(14px,4vw,26px);font-size:clamp(52px,10vw,80px);font-weight:900;display:flex}.operator{color:#9389da;font-size:.65em}.question-sign{color:#7667f5;background:#eeebff;border-radius:25px;place-items:center;width:1.08em;height:1.08em;display:inline-grid}.answer-form{margin-top:35px}.answer-input{color:#302c5d;text-align:center;background:#fbfaff;border:3px solid #e5e1fa;border-radius:22px;outline:0;width:100%;height:76px;padding:0 20px;font-size:30px;font-weight:900;transition:border-color .2s,box-shadow .2s}.answer-input:focus{border-color:#8274ed;box-shadow:0 0 0 5px #7667f51f}.answer-input.correct{background:#f0fff9;border-color:#4dc7a1}.answer-input.wrong{background:#fff6f8;border-color:#ef7997}.answer-input::-webkit-inner-spin-button{display:none}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:19px;width:100%;min-height:60px;margin-top:18px;font-size:18px;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s}.primary-button{color:#fff;background:linear-gradient(135deg,#7d6df0,#6655dc);box-shadow:0 10px 22px #6857dc47}.primary-button span{margin-left:8px}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.secondary-button{color:#6258aa;background:#f0edff;margin-top:12px}.feedback{text-align:left;border-radius:20px;align-items:center;gap:14px;min-height:76px;margin-top:16px;padding:13px 18px;display:flex}.feedback>span{font-size:35px}.feedback strong{font-size:19px;display:block}.feedback p{margin:1px 0 0;font-size:14px}.feedback--correct{color:#176c59;background:#e4faf3}.feedback--wrong{color:#91445a;background:#ffedf1}.result-card{padding-top:52px}.reward-icon{filter:drop-shadow(0 12px 12px #4c3ca029);margin:28px auto 12px;font-size:100px;line-height:1;animation:.65s cubic-bezier(.2,.9,.3,1.3) reward-pop}.result-stats{grid-template-columns:1fr 1fr;gap:12px;max-width:440px;margin:24px auto 4px;display:grid}.result-stat{background:#f2efff;border-radius:22px;padding:18px 10px 15px;line-height:1;position:relative}.result-stat--time{background:#e9faf5}.result-stat strong{color:#6c5ce5;font-size:clamp(34px,7vw,48px);font-weight:900;display:block}.result-stat--time strong{color:#239b7a}.result-stat small{color:#8d89a6;margin-top:8px;font-size:13px;font-weight:800;line-height:1.25;display:block}.stat-icon{color:#6857dc40;font-size:22px;font-weight:900;position:absolute;top:8px;right:10px}.result-stat--time .stat-icon{color:#239b7a4d}.result-text{color:#716d91;margin:18px 0;font-size:18px}.reward-badge{color:#725416;background:#fff1c8;border-radius:30px;gap:9px;padding:11px 18px;font-size:15px;font-weight:900;display:inline-flex}.result-actions{max-width:400px;margin:24px auto 0}.confetti i{--x:calc((var(--i) * 43) % 100);top:-20px;left:calc(var(--x) * 1%);background:hsl(calc(var(--i) * 41), 78%, 65%);width:9px;height:18px;transform:rotate(calc(var(--i) * 23deg));animation:confetti-fall 2.2s calc(var(--i) * -.08s) ease-out both;border-radius:3px;position:absolute}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes reward-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(480px)rotate(540deg)}}@media (width<=620px){.app-shell{width:100%;height:100dvh;min-height:0;padding:0;display:block;overflow:hidden}.card{width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.home-card,.result-card{padding:max(20px, env(safe-area-inset-top)) 22px max(16px, env(safe-area-inset-bottom))}.home-card .brand-mark{border-radius:18px;width:54px;height:54px;margin-bottom:9px;font-size:25px}.home-card h1{font-size:38px}.home-card .eyebrow{font-size:11px}.lead{margin:6px 0 13px;font-size:14px}.mode-switch{margin-bottom:12px}.mode-switch button{min-height:40px;font-size:14px}.number-grid{gap:10px}.number-button{border-radius:16px}.number-button small{top:4px;right:7px}.test-card{padding:max(18px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom))}.question-area{margin-top:72px}.equation{gap:13px}.general-label{margin-top:12px}.general-tests{gap:9px}.general-button{gap:8px;min-height:61px;padding:8px 9px}.general-icon{flex-basis:35px;width:35px;height:35px}.general-button strong{font-size:12px}.general-button small{font-size:9px}.tip{margin-top:10px;font-size:11px}}@media (width<=370px){.home-card,.result-card{padding-inline:16px}.general-button small{display:none}}@media (height<=700px) and (width>=621px){.app-shell{padding-block:15px}.card{min-height:0}.home-card{padding-block:28px}.brand-mark{width:54px;height:54px;margin-bottom:10px;font-size:36px}.lead{margin:8px 0 20px}.tip{margin-top:16px}.question-area{margin-top:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}