html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-brand: #6657e8;--color-brand-strong: #403594;--color-rhythm: #ffc857;--color-fox-orange: #ff8a2a;--color-mascot-turquoise: #14bfa7;--color-cream: #fff0d7;--color-addition: #55c7f3;--color-subtraction: #ff7a70;--color-success: #43c59e;--color-division: #14bfa7;--color-error: #ff7a70;--color-background: #f7f5ff;--color-surface: #fff;--color-text: #292542;--color-text-secondary: #77718d;--color-border: #e5e0f3;--surface-page: var(--color-background);--surface-elevated: var(--color-surface);--surface-quiet: color-mix(in srgb, var(--color-brand) 8%, white);--surface-accent: linear-gradient(135deg, var(--color-brand), var(--color-brand-strong));--surface-success: color-mix(in srgb, var(--color-success) 12%, white);--surface-danger: color-mix(in srgb, var(--color-error) 10%, white);--surface-mascot: var(--color-cream);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-on-mascot-warm: var(--color-text);--accent-addition: var(--color-addition);--accent-subtraction: var(--color-subtraction);--accent-multiplication: var(--color-brand);--accent-division: var(--color-division);--accent-quick: var(--color-rhythm);--font-family: "Nunito Variable", Nunito, ui-rounded, system-ui, sans-serif;--font-display-size: 3rem;--font-display-line: 1.05;--font-display-weight: 900;--font-heading-1-size: 1.75rem;--font-heading-1-line: 1.2;--font-heading-1-weight: 800;--font-heading-2-size: 1.25rem;--font-heading-2-line: 1.3;--font-heading-2-weight: 700;--font-body-size: 1rem;--font-body-line: 1.5;--font-body-weight: 400;--font-label-size: .8125rem;--font-label-line: 1.25;--font-label-weight: 700;--font-math-size: 3.25rem;--font-math-line: 1.1;--font-math-weight: 900;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-small: 12px;--radius-medium: 16px;--radius-large: 24px;--radius-full: 999px;--shadow-card: 0 12px 32px rgb(64 53 148 / 10%);--shadow-brand: 0 8px 20px rgb(102 87 232 / 24%);--shadow-navigation: 0 14px 38px rgb(41 37 66 / 18%);--shadow-accent: 0 18px 36px rgb(64 53 148 / 24%);--shadow-service-notice: 0 14px 38px rgb(41 37 66 / 20%);--focus-ring: 3px solid var(--color-rhythm);--layout-page-gutter: 24px;--layout-reference-column: 342px;--layout-reference-navigation: 354px;--layout-reference-navigation-height: 66px;--layout-reference-section-gap: 16px;--surface-reference-quiet: #eeeafe;--surface-reference-rhythm: #fff7d6;--surface-reference-success: #e7faf4;--layout-shell-max: 1024px;--layout-content-wide: 880px;--layout-content-medium: 760px;--layout-content-narrow: 680px;--layout-navigation-max: 560px;--layout-navigation-clearance: 128px;--layout-service-notice-clearance: 184px;--z-navigation: 20;--z-service-notice: 30;--motion-fast: .16s;--motion-standard: .24s;color:var(--text-primary);background:var(--surface-page);font-family:var(--font-family);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-line);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--surface-page)}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow-x:hidden}button,a,input,select,textarea{min-height:44px}.ant-switch{min-height:22px;height:22px}:focus-visible{outline:var(--focus-ring);outline-offset:3px}#root,.ant-app{min-height:100vh;min-height:100dvh}.app-shell{min-height:100vh;min-height:100dvh;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--layout-page-gutter),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--layout-page-gutter),env(safe-area-inset-left));background:radial-gradient(circle at 20% 0%,rgb(255 200 87 / 24%),transparent 32rem),var(--surface-page)}.app-icon{width:24px;height:24px;flex:none}.arifmik-brand{--brand-mark-size: 44px;display:inline-flex;max-width:100%;align-items:center;gap:var(--space-3);color:var(--color-brand-strong)}.arifmik-brand__mark{position:relative;display:block;width:var(--brand-mark-size);height:calc(var(--brand-mark-size) * 1.33);flex:0 0 var(--brand-mark-size)}.arifmik-brand__symbol,.arifmik-brand__symbol>img,.arifmik-brand__rhythm,.arifmik-brand__dot{position:absolute;display:block}.arifmik-brand__symbol{top:0;left:0;width:var(--brand-mark-size);height:var(--brand-mark-size)}.arifmik-brand__base{inset:0;width:100%;height:100%}.arifmik-brand__plus--vertical{top:18.1%;left:39.66%;width:20.69%;height:63.79%}.arifmik-brand__plus--horizontal{top:39.66%;left:18.1%;width:63.79%;height:20.69%}.arifmik-brand__rhythm{top:112.07%;left:0;width:100%;height:20.69%}.arifmik-brand__dot{height:auto}.arifmik-brand__dot--purple{top:16.67%;left:20.69%;width:13.79%}.arifmik-brand__dot--yellow{top:0;left:39.66%;width:20.69%}.arifmik-brand__dot--blue{top:16.67%;left:72.41%;width:13.79%}.arifmik-brand__copy{display:grid;min-width:0;gap:1px}.arifmik-brand__name{font-size:var(--font-heading-2-size);font-weight:900;line-height:1.1;overflow-wrap:anywhere}.arifmik-brand__tagline{color:var(--color-brand);font-size:var(--font-label-size);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.arifmik-brand--full{--brand-mark-size: clamp(64px, 18vw, 92px);align-items:flex-start}.arifmik-brand--full .arifmik-brand__name{font-size:clamp(1.75rem,7vw,2.5rem)}.arif-mascot{display:block;flex:none;line-height:0;pointer-events:none;-webkit-user-select:none;user-select:none}.arif-mascot img{display:block;width:100%;height:100%;object-fit:contain}.arif-mascot--hero{width:clamp(168px,42vw,256px);height:clamp(252px,63vw,384px)}.arif-mascot--companion{width:clamp(92px,28vw,112px);height:clamp(138px,42vw,168px)}.arif-mascot--compact{width:clamp(60px,18vw,72px);height:clamp(90px,27vw,108px)}.arif-companion{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-2)}.arif-companion__copy{min-width:0}.game-mode-card{display:flex;min-height:92px;align-items:center;gap:var(--space-4);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-large);color:var(--text-primary);background:var(--surface-elevated);box-shadow:var(--shadow-card);text-decoration:none;transition:transform var(--motion-fast),border-color var(--motion-fast)}.game-mode-card:hover{border-color:var(--color-brand);transform:translateY(-2px)}.game-mode-card__symbol{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:var(--radius-medium);color:var(--color-brand-strong);font-size:1.75rem;font-weight:900;background:color-mix(in srgb,var(--color-brand) 14%,white)}.game-mode-card--random-addition .game-mode-card__symbol{background:color-mix(in srgb,var(--accent-addition) 24%,white)}.game-mode-card--random-subtraction .game-mode-card__symbol{background:color-mix(in srgb,var(--accent-subtraction) 24%,white)}.game-mode-card--multiplication-table .game-mode-card__symbol{background:color-mix(in srgb,var(--accent-multiplication) 14%,white)}.game-mode-card--random-division .game-mode-card__symbol{background:color-mix(in srgb,var(--accent-division) 22%,white)}.game-mode-card--quick .game-mode-card__symbol{background:color-mix(in srgb,var(--accent-quick) 30%,white)}.game-mode-card__copy{display:grid;flex:1;gap:var(--space-1)}.game-mode-card__copy strong{font-size:var(--font-heading-2-size)}.game-mode-card__copy span,.game-mode-card__arrow{color:var(--text-secondary)}.progress-metric{display:grid;min-width:0;place-items:center;padding:var(--space-4) var(--space-2);border-radius:var(--radius-medium);color:var(--color-text-secondary);background:var(--color-surface);text-align:center}.progress-metric strong{color:var(--color-brand-strong);font-size:var(--font-heading-1-size);line-height:1}.progress-metric__suffix{color:var(--color-brand-strong);font-weight:800}.weekly-progress{display:grid;min-height:180px;grid-template-columns:repeat(7,minmax(28px,1fr));align-items:end;gap:var(--space-2)}.weekly-progress__day{display:grid;height:100%;grid-template-rows:1fr auto auto;align-items:end;gap:var(--space-1);color:var(--color-text-secondary);text-align:center}.weekly-progress__bar{width:100%;height:max(8px,var(--progress));max-height:120px;border:2px solid var(--color-brand-strong);border-radius:var(--radius-full);background:var(--color-brand)}.rhythm-meter{display:grid;grid-template-columns:auto 1fr;gap:0 var(--space-3);align-items:center}.rhythm-meter__value{grid-row:1 / 3;color:var(--color-brand-strong);font-size:var(--font-heading-1-size);font-weight:900}.rhythm-meter__dots{display:flex;gap:var(--space-1)}.rhythm-meter__dot{color:var(--color-border);font-size:1rem;line-height:1}.rhythm-meter__dot--filled{color:var(--color-rhythm)}.rhythm-meter__label{color:var(--color-text-secondary);font-size:var(--font-label-size);font-weight:var(--font-label-weight)}.app-shell--primary{padding-bottom:calc(var(--layout-navigation-clearance) + env(safe-area-inset-bottom))}.app-shell__header,.app-shell__content{width:min(100%,var(--layout-shell-max));margin-inline:auto}.app-shell__header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding-block:var(--space-1) var(--space-6)}.app-brand{display:inline-flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none}.game-back{display:inline-flex;align-items:center;min-height:44px;gap:var(--space-2);padding-inline:var(--space-1) var(--space-3);color:var(--color-brand-strong);font-weight:700;text-decoration:none}.bottom-navigation{position:fixed;z-index:var(--z-navigation);bottom:max(12px,env(safe-area-inset-bottom));left:50%;display:grid;width:min(calc(100% - var(--layout-page-gutter) - env(safe-area-inset-left) - env(safe-area-inset-right)),var(--layout-navigation-max));min-height:68px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-large);background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);box-shadow:var(--shadow-navigation);transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-navigation__link{display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:6px 4px;border-radius:16px;color:var(--text-secondary);font-size:.75rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.bottom-navigation__link span{max-width:100%;overflow-wrap:anywhere}.bottom-navigation__link--active{color:var(--color-brand-strong);background:color-mix(in srgb,var(--color-brand) 12%,white);box-shadow:inset 0 -3px 0 var(--color-brand)}.welcome-card{overflow:hidden;border:0;box-shadow:var(--shadow-card)}.home-page{width:min(100%,var(--layout-content-wide));margin-inline:auto}.home-page__intro h1{max-width:14ch;margin:0;overflow-wrap:anywhere;color:var(--text-primary);font-size:clamp(2rem,9vw,var(--font-display-size));font-weight:var(--font-display-weight);line-height:var(--font-display-line)}.quick-hero{display:grid;min-height:124px;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius-large);color:var(--color-surface);background:var(--surface-accent);box-shadow:var(--shadow-accent);text-decoration:none}.quick-hero__icon{display:grid;width:56px;height:56px;place-items:center;border-radius:var(--radius-medium);color:var(--color-brand-strong);background:var(--color-rhythm)}.quick-hero strong,.quick-hero small{display:block}.quick-hero strong{font-size:var(--font-heading-2-size)}.quick-hero small{margin-top:var(--space-1);opacity:.82}.quick-hero__action{grid-column:2;font-weight:800}.home-page__section-heading{margin-top:var(--space-8)}.home-page__section-heading h2{margin-bottom:var(--space-3);font-size:var(--font-heading-2-size)}.home-mode-grid{display:grid;gap:var(--space-3)}.today-progress{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4) var(--space-6);border:2px solid var(--color-border);border-radius:var(--radius-large);color:var(--text-secondary);background:var(--surface-elevated);box-shadow:var(--shadow-card)}.today-progress strong{color:var(--color-brand-strong);font-size:var(--font-heading-1-size)}.today-progress__unavailable{font-size:var(--font-body-size)!important}.page-eyebrow{display:inline-block;margin-bottom:8px;color:var(--color-brand);font-size:var(--font-label-size);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.page-intro{max-width:54ch;font-size:1.075rem}.mode-grid,.difficulty-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-6)}.difficulty-page{width:min(100%,var(--layout-content-wide));margin-inline:auto}.difficulty-page h1{margin-block:0 var(--space-2);font-size:var(--font-heading-1-size);font-weight:var(--font-heading-1-weight)}.difficulty-page__intro{margin:0;color:var(--text-secondary)}.difficulty-card{display:flex;min-width:0;flex-direction:column;padding:var(--space-6);border:2px solid var(--color-border);border-radius:var(--radius-large);background:var(--surface-elevated);box-shadow:var(--shadow-card)}.difficulty-card__example{display:grid;min-height:76px;padding:var(--space-4);place-items:center;border-radius:var(--radius-medium);color:var(--color-brand-strong);font-size:clamp(1.5rem,6vw,2rem);font-weight:900;background:color-mix(in srgb,var(--color-brand) 10%,white);text-align:center;white-space:nowrap}.difficulty-card h2{margin-block:var(--space-4) var(--space-2)}.difficulty-card p{flex:1;margin-block:0 var(--space-4);color:var(--text-secondary)}.difficulty-card .ant-btn{min-height:48px}.mode-card-link{color:inherit;text-decoration:none}.mode-card,.difficulty-grid .ant-card,.exercise-card{height:100%;border:0;box-shadow:var(--shadow-card)}.mode-card__symbol{display:grid;width:52px;height:52px;margin-bottom:16px;place-items:center;border-radius:16px;color:var(--surface-elevated);font-size:1.75rem;font-weight:900;background:var(--color-brand)}.mode-card h2{font-size:1.25rem}.mode-card__action{color:var(--color-brand-strong)}.game-panel{width:min(100%,var(--layout-content-medium));margin-inline:auto}.exercise-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-inline:var(--space-1)}.exercise-header h1{margin:0;font-size:var(--font-heading-1-size);font-weight:var(--font-heading-1-weight)}.exercise-header__difficulty{color:var(--text-secondary)}.exercise-card{overflow:hidden;border:2px solid color-mix(in srgb,var(--color-border) 78%,white);border-radius:var(--radius-large);background:var(--surface-elevated)}.exercise-card .ant-card-body{padding:clamp(20px,6vw,48px)}.exercise-expression{max-width:100%;overflow-wrap:anywhere;color:var(--color-brand-strong);font-size:clamp(2rem,10vw,var(--font-math-size));font-weight:var(--font-math-weight);line-height:1.15;text-align:center}.answer-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.answer-grid .ant-btn{height:auto;min-height:64px;overflow-wrap:anywhere;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:800;white-space:normal}.answer-grid .ant-btn:not(:disabled){border-color:color-mix(in srgb,var(--color-brand) 24%,var(--color-border))}.answer-keypad{display:grid;width:min(100%,360px);gap:var(--space-3)}.answer-keypad__display{display:grid;min-height:64px;align-items:center;padding:12px var(--space-4);overflow-wrap:anywhere;border:2px solid color-mix(in srgb,var(--color-brand) 24%,var(--color-border));border-radius:var(--radius-medium);color:var(--color-brand-strong);background:var(--surface-page);font-size:clamp(1.5rem,8vw,2.25rem);font-weight:900;line-height:1.1;text-align:center}.answer-keypad__error{text-align:center}.answer-keypad__keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.answer-keypad__key.ant-btn{min-height:64px;padding-inline:var(--space-2);border-color:color-mix(in srgb,var(--color-brand) 24%,var(--color-border));border-radius:var(--radius-medium);font-size:clamp(1.25rem,6vw,1.75rem);font-weight:900}.answer-keypad__key--delete.ant-btn{color:var(--color-error);background:var(--surface-danger);border-color:transparent}.answer-keypad__key--submit.ant-btn{font-size:clamp(.875rem,4vw,1rem)}.answer-feedback{min-height:52px}.answer-feedback .ant-alert{border-radius:var(--radius-medium)}.next-exercise{width:100%;min-height:52px}@media(max-width:420px){.exercise-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.settings-row{align-items:flex-start}}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-3)}.settings-page{width:min(100%,var(--layout-content-narrow));margin-inline:auto}.settings-page h1{margin-block:0 var(--space-6);font-size:var(--font-heading-1-size);font-weight:var(--font-heading-1-weight)}.settings-cards{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.settings-cards .ant-card{border:2px solid var(--color-border);background:var(--surface-elevated);box-shadow:var(--shadow-card)}.settings-row p,.settings-choice-group p,.settings-cards .ant-card-body>p{margin-bottom:var(--space-3);color:var(--text-secondary)}.settings-choice-group{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.settings-data-card{border-color:color-mix(in srgb,var(--color-error) 42%,var(--color-border))!important}.settings-row+.settings-row{border-top:1px solid color-mix(in srgb,var(--color-brand) 12%,transparent)}.settings-row p{margin-bottom:0}.danger-card{border:1px solid color-mix(in srgb,var(--color-error) 32%,transparent)}.page-state{display:grid;min-height:240px;place-items:center}.statistics-grid{display:grid;grid-template-columns:1fr;gap:16px}.statistics-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.statistics-values .ant-statistic-content{font-size:clamp(1.35rem,5vw,2rem)}.progress-page{width:min(100%,var(--layout-content-medium));margin-inline:auto}.progress-page h1{margin:0;font-size:var(--font-heading-1-size);font-weight:var(--font-heading-1-weight)}.progress-page__intro{color:var(--text-secondary)}.weekly-summary{margin-top:var(--space-6);padding:var(--space-6);border-radius:var(--radius-large);background:var(--surface-quiet)}.weekly-summary h2,.lifetime-section h2{margin-top:0;font-size:var(--font-heading-2-size)}.weekly-summary__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-6)}.lifetime-section{margin-top:var(--space-8)}.lifetime-progress{display:grid;grid-auto-columns:minmax(168px,44%);grid-auto-flow:column;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-4);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-color:color-mix(in srgb,var(--color-brand) 34%,transparent) transparent}.lifetime-card{min-width:0;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-large);background:var(--surface-elevated);box-shadow:var(--shadow-card);scroll-snap-align:start}.lifetime-card>span{display:grid;width:44px;height:44px;place-items:center;border-radius:var(--radius-medium);color:var(--color-brand-strong);font-size:1.5rem;font-weight:900;background:color-mix(in srgb,var(--color-brand) 12%,white)}.lifetime-card--random-addition>span{background:color-mix(in srgb,var(--accent-addition) 24%,white)}.lifetime-card--random-subtraction>span{background:color-mix(in srgb,var(--accent-subtraction) 24%,white)}.lifetime-card--random-division>span{background:color-mix(in srgb,var(--accent-division) 22%,white)}.lifetime-card--quick>span{background:color-mix(in srgb,var(--accent-quick) 30%,white)}.lifetime-card strong{display:block;overflow-wrap:anywhere;margin-top:var(--space-4);color:var(--color-brand-strong);font-size:var(--font-heading-1-size)}.lifetime-card h3{margin-block:var(--space-2) 0}.lifetime-card p{margin:0;color:var(--text-secondary)}@media(min-width:768px){.lifetime-progress{grid-auto-columns:minmax(0,1fr)}}.welcome-card .ant-card-body{padding:clamp(24px,7vw,56px)}.welcome-card__eyebrow{display:inline-block;margin-bottom:12px;color:var(--color-brand);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.welcome-card__copy{max-width:54ch;font-size:clamp(1rem,2.5vw,1.125rem)}.math-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,16px);margin-top:28px}.math-preview__tile{display:grid;min-height:76px;place-items:center;border:2px solid color-mix(in srgb,var(--color-brand) 12%,transparent);border-radius:18px;color:var(--color-brand-strong);font-size:clamp(1.2rem,5vw,2rem);font-weight:800;background:var(--surface-quiet)}.service-notice-layer{width:min(100%,520px);margin:0 0 var(--space-4) auto}.pwa-notice{width:100%;box-shadow:var(--shadow-service-notice)}@media(max-width:540px){.pwa-notice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}.pwa-notice .ant-alert-icon{grid-column:1;grid-row:1}.pwa-notice .ant-alert-section{grid-column:2;grid-row:1;min-width:0}.pwa-notice .ant-alert-actions{grid-column:2;grid-row:2;width:100%;margin-block-start:var(--space-3);margin-inline-start:0}.pwa-notice .ant-alert-actions .ant-flex{justify-content:flex-end}}.app-error{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:24px}.welcome-page{min-height:100vh;min-height:100dvh;padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--layout-page-gutter),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--layout-page-gutter),env(safe-area-inset-left));background:radial-gradient(circle at 14% 8%,rgb(255 200 87 / 34%),transparent 24rem),radial-gradient(circle at 92% 88%,rgb(102 87 232 / 16%),transparent 28rem),var(--surface-page)}.welcome-page__layout{display:grid;width:min(100%,var(--layout-content-wide));min-height:calc(100vh - (var(--space-6) * 2));min-height:calc(100dvh - (var(--space-6) * 2));align-content:center;gap:var(--space-6);margin-inline:auto}.welcome-page__intro{min-width:0}.welcome-page__hero{display:grid;width:min(100%,340px);min-height:276px;place-items:end center;overflow:hidden;margin-block:var(--space-6);border-radius:32px;background:radial-gradient(circle at 50% 82%,rgb(20 191 167 / 24%),transparent 42%),var(--surface-mascot)}.welcome-page__hero .arif-mascot{margin-bottom:0}.welcome-page__eyebrow{margin:0 0 var(--space-2);color:var(--color-brand);font-size:var(--font-label-size);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.welcome-page h1{max-width:12ch;margin:0;overflow-wrap:anywhere;font-size:clamp(2.25rem,10vw,var(--font-display-size));font-weight:var(--font-display-weight);line-height:var(--font-display-line)}.welcome-page__lead{max-width:42ch;margin-block:var(--space-4) 0;color:var(--text-secondary);font-size:1.0625rem}.welcome-benefits{display:grid;gap:var(--space-2);margin:var(--space-6) 0 0;padding:0;list-style:none}.welcome-benefits li{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);font-weight:700}.welcome-benefits .app-icon{color:var(--color-brand)}.welcome-installation{min-width:0;padding:var(--space-6);border:2px solid var(--color-border);border-radius:var(--radius-large);background:var(--surface-elevated);box-shadow:var(--shadow-card)}.welcome-installation__icon{display:grid;width:56px;height:56px;place-items:center;border-radius:var(--radius-medium);color:var(--color-brand-strong);background:color-mix(in srgb,var(--color-rhythm) 42%,white)}.welcome-installation h2{margin-block:var(--space-4) var(--space-2);overflow-wrap:anywhere;font-size:var(--font-heading-1-size);line-height:var(--font-heading-1-line)}.welcome-installation>p{margin:0;color:var(--text-secondary)}.welcome-installation__steps{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;counter-reset:install-step}.welcome-installation__steps li{display:grid;min-width:0;grid-template-columns:32px 24px minmax(0,1fr);align-items:center;gap:var(--space-2);counter-increment:install-step}.welcome-installation__steps li:before{content:counter(install-step);display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-full);color:var(--color-surface);font-size:var(--font-label-size);font-weight:900;background:var(--color-brand)}.welcome-installation__steps .app-icon{color:var(--color-brand-strong)}.welcome-installation__actions{display:grid;gap:var(--space-3);margin-top:var(--space-6)}@media(min-width:768px){.welcome-page{padding-inline:max(var(--space-8),env(safe-area-inset-left)) max(var(--space-8),env(safe-area-inset-right))}.welcome-page__layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(var(--space-8),7vw,72px)}.welcome-page__hero{width:min(100%,390px);min-height:328px;margin-block:var(--space-4) var(--space-6)}.welcome-installation{padding:var(--space-8)}}@media(min-width:768px){.app-shell{padding-inline:max(32px,env(safe-area-inset-left)) max(32px,env(safe-area-inset-right))}.app-shell__header{padding-block:var(--space-3) calc(var(--space-6) + var(--space-1))}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty-card__example{font-size:clamp(1.5rem,3vw,2rem)}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-notice-layer{min-width:420px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell--home,.app-shell--section,.app-shell--game{background:var(--surface-page)}.app-shell--home{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:calc(var(--layout-navigation-clearance) + env(safe-area-inset-bottom))}.app-shell--section,.app-shell--game{padding-top:max(24px,env(safe-area-inset-top))}.app-shell--section{padding-bottom:calc(var(--layout-navigation-clearance) + env(safe-area-inset-bottom))}.app-shell__header,.app-shell__content{width:min(100%,var(--layout-reference-column))}.app-shell__header{padding:0 0 var(--space-4)}.app-shell__header--game{padding-bottom:var(--space-4)}.app-shell--home .arifmik-brand{gap:10px}.app-shell--home .arifmik-brand__mark{--brand-mark-size: 40px;width:40px;height:53.2px}.app-shell--home .arifmik-brand__name{font-size:20px}.game-back{min-height:44px;margin-block:-4.5px;padding:0;font-size:14px}.game-back .app-icon{width:26px;height:26px}.bottom-navigation{width:min(calc(100% - 36px - env(safe-area-inset-left) - env(safe-area-inset-right)),var(--layout-reference-navigation));min-height:var(--layout-reference-navigation-height);gap:4px;padding:6px;border:0;border-radius:22px;background:var(--surface-elevated);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-navigation__link{min-height:54px;padding:0 4px;border-radius:16px;font-size:12px}.bottom-navigation__link--active{background:var(--surface-reference-quiet);box-shadow:none}.home-page,.difficulty-page,.game-panel,.progress-page,.settings-page{width:min(100%,var(--layout-reference-column))}.home-page__intro{display:grid;gap:4px}.home-page__intro h1{max-width:none;margin:0;font-size:26px;font-weight:800;letter-spacing:-.45px;line-height:normal}.home-page__intro p,.difficulty-page__intro,.progress-page__intro,.settings-page__intro{margin:0;color:var(--text-secondary);font-size:15px;line-height:20px}.quick-hero{display:grid;min-height:148px;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;margin-top:var(--space-4);padding:var(--space-4);border-radius:20px;background:var(--color-brand);box-shadow:none}.quick-hero__copy{display:flex;min-width:0;flex-direction:column;gap:8px}.quick-hero__mascot{width:88px;height:132px;align-self:end;margin-block:-8px -16px;margin-inline-end:-4px}.quick-hero__copy small{color:var(--color-rhythm);font-size:12px;font-weight:700}.quick-hero__copy strong{color:#fff;font-size:24px;font-weight:900;line-height:normal}.quick-hero__copy span{color:#fff;font-size:14px}.home-page__section-heading{margin-top:var(--space-4)}.home-page__section-heading h2{margin:0 0 var(--space-4);font-size:18px;font-weight:800}.home-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) 12px}.game-mode-card--compact{min-height:112px;align-items:flex-start;flex-direction:column;gap:8px;padding:var(--space-4);border:0;border-radius:20px;box-shadow:none}.game-mode-card--compact:hover{border-color:transparent}.game-mode-card--compact .game-mode-card__symbol{width:38px;height:38px;flex-basis:38px;border-radius:12px;color:#fff;background:var(--color-brand)}.game-mode-card--compact .game-mode-card__symbol .app-icon{width:24px;height:24px}.game-mode-card--random-addition .game-mode-card__symbol{background:var(--accent-addition)}.game-mode-card--random-subtraction .game-mode-card__symbol{background:var(--accent-subtraction)}.game-mode-card--multiplication-table .game-mode-card__symbol{background:var(--accent-multiplication)}.game-mode-card--random-division .game-mode-card__symbol{background:var(--accent-division)}.game-mode-card--quick .game-mode-card__symbol{color:var(--color-brand-strong);background:var(--accent-quick)}.game-mode-card--compact .game-mode-card__copy strong{font-size:16px;line-height:22px}.today-progress{min-height:68px;margin-top:var(--space-4);padding:var(--space-4);border:0;border-radius:20px;color:var(--color-brand-strong);background:var(--surface-reference-rhythm);box-shadow:none}.today-progress strong{font-size:28px}.difficulty-page h1,.progress-page h1,.settings-page h1{margin:0;font-size:28px;font-weight:800;line-height:38px}.difficulty-page__heading,.progress-page__heading,.settings-page__heading{min-height:108px;overflow:hidden;padding-inline-start:var(--space-2);border-radius:20px;background:linear-gradient(90deg,transparent 0 52%,var(--surface-mascot) 100%)}.difficulty-page__heading .arif-mascot,.progress-page__heading .arif-mascot,.settings-page__heading .arif-mascot{align-self:end;margin-bottom:-8px}.difficulty-page__intro,.progress-page__intro,.settings-page__intro{margin-top:6px}.difficulty-grid{gap:18px;margin-top:18px}.difficulty-card{display:grid;min-height:166px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px;padding:20px 18px;border:0;border-radius:24px;box-shadow:none}.difficulty-card__example{width:92px;min-height:126px;padding:8px;border-radius:20px;color:#fff;font-size:20px;background:var(--color-addition)}.difficulty-card--medium .difficulty-card__example{background:var(--color-brand)}.difficulty-card--hard .difficulty-card__example{color:var(--color-brand-strong);background:var(--color-rhythm)}.difficulty-card__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}.difficulty-card__eyebrow{color:var(--color-addition);font-size:11px;font-weight:700}.difficulty-card--medium .difficulty-card__eyebrow{color:var(--color-brand)}.difficulty-card--hard .difficulty-card__eyebrow{color:#e99d00}.difficulty-card h2{margin:0;font-size:22px;font-weight:900}.difficulty-card p{margin:0;color:var(--text-secondary);font-size:13px;line-height:18px}.difficulty-card .ant-btn{min-height:34px;padding:8px 14px;border-radius:12px;color:var(--color-brand-strong);font-size:13px;background:var(--surface-reference-quiet)}.app-shell--game:has(.game-panel) .app-shell__header--game{align-items:flex-start;justify-content:space-between;padding-bottom:20px}.app-shell--game:has(.game-panel) .game-back strong{display:none}.game-header-context{display:grid;max-width:calc(100% - 52px);justify-items:end;gap:2px;color:var(--color-brand-strong);line-height:1.15;text-align:end}.game-header-context span{font-size:10px;font-weight:800;letter-spacing:.04em}.game-header-context h1{margin:0;font-size:16px;font-weight:900}.exercise-header h1.ant-typography{margin:4px 0 0;font-size:18px;line-height:25px}.exercise-header .page-eyebrow{margin:0;font-size:11px}.exercise-card{min-height:0;border:0;border-radius:28px;box-shadow:none}.game-panel__fallback-title{margin:0;font-size:18px}.exercise-card .ant-card-body{padding:32px 22px 24px}.rhythm-meter{display:flex;align-items:center;gap:10px}.rhythm-meter__summary{display:inline-flex;align-items:baseline;gap:4px;color:var(--color-brand-strong);font-size:12px;font-weight:800}.rhythm-meter__summary strong{font-size:18px;font-weight:900}.rhythm-meter__dots{display:flex;min-height:12px;align-items:center;gap:7px}.rhythm-meter__dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--color-border)}.rhythm-meter__dot--filled{width:12px;height:12px;background:var(--color-brand)}.exercise-expression{font-size:clamp(2rem,12vw,48px);line-height:65px}.answer-grid{gap:12px}.answer-grid .ant-btn{min-height:64px;border:0;border-radius:18px;color:var(--text-primary);background:var(--surface-page);box-shadow:none}.answer-grid .ant-btn.answer-choice--correct,.answer-grid .ant-btn.answer-choice--correct:disabled{color:#fff;background:var(--color-success)}.answer-feedback{width:100%;min-height:0}.answer-feedback:empty{display:none}.answer-feedback__message{display:flex;min-height:88px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:var(--space-4);border-radius:18px;text-align:center}.answer-feedback__message strong{font-size:20px;font-weight:900}.answer-feedback__message span{font-size:13px;font-weight:700}.answer-feedback__message--incorrect{color:#c94f48;background:var(--surface-danger)}.exercise-success-action.ant-btn{display:grid;width:100%;min-height:58px;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);border-radius:18px;font-size:15px;font-weight:800;text-align:left}.exercise-success-action strong{font-size:18px;font-weight:900}.exercise-success-action span:last-child{font-size:20px}@media(max-width:767px){.app-shell--game .answer-keypad{gap:var(--space-2)}.app-shell--game .answer-keypad__display{min-height:48px}.app-shell--game .answer-keypad__keys{gap:var(--space-2)}.app-shell--game .answer-keypad__key.ant-btn{min-height:44px}}.progress-page__intro{margin-top:var(--space-4)}.weekly-summary{min-height:168px;margin-top:var(--space-4);padding:20px;border-radius:24px;color:#fff;background:var(--color-brand)}.weekly-summary h2{margin:0;color:var(--color-rhythm);font-size:11px;font-weight:700;text-transform:uppercase}.weekly-summary__metrics{display:flex;gap:32px;margin:12px 0}.progress-metric{display:grid;min-width:0;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:start;padding:0;color:#fff;background:transparent;text-align:left}.progress-metric strong,.progress-metric__suffix{color:#fff;font-size:28px;line-height:38px}.progress-metric>span:last-child{grid-column:1 / -1;grid-row:2;font-size:12px;text-transform:lowercase}.weekly-progress{display:grid;min-height:44px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px}.weekly-progress__day{display:flex;height:44px;align-items:flex-end}.weekly-progress__bar{height:max(8px,var(--progress));max-height:44px;border:0;border-radius:8px;background:var(--color-rhythm)}.lifetime-section{margin-top:var(--space-4)}.lifetime-section h2{margin:0 0 var(--space-4);font-size:18px;font-weight:800}.lifetime-progress{display:grid;grid-auto-flow:row;grid-template-columns:1fr;gap:var(--space-4);padding:0;overflow-x:visible;overflow-y:visible}.progress-row{display:grid;min-height:100px;gap:9px;padding:var(--space-4);border-radius:20px;background:#fff}.progress-row__heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-3)}.progress-row__heading h3{min-width:0;margin:0;font-size:14px}.progress-row__heading span{flex:none;color:var(--text-secondary);font-size:12px}.progress-row__track{height:12px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-reference-quiet)}.progress-row__track>span{display:block;height:100%;border-radius:inherit;background:var(--color-brand)}.progress-row--random-addition .progress-row__track>span{background:var(--accent-addition)}.progress-row--random-subtraction .progress-row__track>span{background:var(--accent-subtraction)}.progress-row--random-division .progress-row__track>span{background:var(--accent-division)}.progress-row--quick .progress-row__track>span{background:var(--accent-quick)}.settings-page__intro{margin-top:var(--space-4)}.settings-cards{gap:var(--space-4);margin-top:var(--space-4)}.settings-cards .settings-section{border:0;border-radius:22px;box-shadow:none}.settings-section .ant-card-head{min-height:0;padding:18px 18px 0;border:0}.settings-section .ant-card-head-title{padding:0;font-size:17px;font-weight:800}.settings-section .ant-card-body{padding:14px 18px 18px}.settings-row{min-height:46px;padding:0}.settings-row p,.settings-choice-group p,.settings-section .ant-card-body>p{margin:0;color:var(--text-secondary);font-size:12px}.settings-choice-group{gap:14px;padding-top:14px;border:0}.settings-choice-group>strong{color:var(--text-secondary);font-size:13px}.settings-section .ant-segmented{padding:0;background:transparent}.settings-section .ant-segmented-group{gap:8px}.settings-section .ant-segmented-item{min-width:0;min-height:42px;border-radius:14px;color:var(--color-brand-strong);background:var(--surface-page)}.settings-section .ant-segmented-item-selected{color:#fff;background:var(--color-brand);box-shadow:none}.settings-section .ant-segmented-disabled{opacity:.55;cursor:not-allowed}.settings-section .ant-segmented-disabled .ant-segmented-item,.settings-section .ant-segmented-item-disabled{color:var(--text-secondary);cursor:not-allowed}.settings-section .ant-segmented-disabled .ant-segmented-item-selected{color:var(--text-secondary);background:color-mix(in srgb,var(--color-brand) 30%,var(--surface-page))}.settings-section:nth-child(2) .ant-segmented-item-selected{background:var(--color-addition)}.settings-example{display:block;margin-top:14px;color:var(--color-brand-strong);font-size:13px}.settings-data-card{border-color:transparent!important}.settings-data-card .ant-btn-dangerous{margin-top:14px;border-color:var(--color-error);border-radius:14px}@media(max-width:350px){.difficulty-card{grid-template-columns:1fr}.difficulty-card__example{width:100%;min-height:92px}.answer-grid{grid-template-columns:1fr}}@media(min-width:768px){.app-shell__header,.app-shell__content{width:min(100%,var(--layout-shell-max))}.home-page{width:min(100%,var(--layout-content-wide))}.home-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty-page{width:min(100%,var(--layout-content-wide))}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty-card{grid-template-columns:1fr}.difficulty-card__example{width:100%;min-height:112px}.game-panel,.progress-page{width:min(100%,var(--layout-content-medium))}.lifetime-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-page{width:min(100%,var(--layout-content-narrow))}}