/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--tracking-tight:-.025em;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-xl:calc(var(--radius) + 4px);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;border-color:hsl(var(--border))}body{background:hsl(var(--background));color:hsl(var(--foreground));margin:0;font-family:Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:700}h2{font-size:24px;line-height:32px}h3{font-size:18px;line-height:28px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}::selection{background:hsl(var(--primary) / .2)}}@layer components{.button{border-radius:var(--radius-md);white-space:nowrap;min-height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.55;pointer-events:none}.button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.button-ghost{color:hsl(var(--muted-foreground));background:0 0;padding:8px 12px}.button-ghost:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground));box-shadow:none}.button-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.app-shell{min-height:100vh}.site-header{background:hsl(var(--card));color:hsl(var(--card-foreground));border-bottom:1px solid hsl(var(--border))}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1248px;margin:auto;padding:20px 32px;display:flex}.wordmark{white-space:nowrap;align-items:center;gap:12px;font-size:18px;font-weight:700;line-height:24px;display:flex}.brand-icon{background:hsl(var(--primary));width:44px;height:44px;color:hsl(var(--primary-foreground));border-radius:var(--radius);justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-5deg)}.brand-star{fill:hsl(var(--sun));color:hsl(var(--sun));position:absolute;top:1px;right:1px}.wordmark small{letter-spacing:1.5px;color:hsl(var(--muted-foreground));font-size:9px;font-weight:600;line-height:16px;display:block}.desktop-nav{gap:8px;display:flex}.nav-link{border-radius:var(--radius-md);color:hsl(var(--muted-foreground));transition:background var(--transition-fast);align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.nav-link:hover,.nav-link.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.header-actions{align-items:center;gap:8px;display:flex}.install-button{min-height:40px;padding:8px 12px;font-size:12px}.theme-toggle{min-height:40px;padding:8px}.main-content{max-width:1200px;margin:auto;padding:32px 32px 0}.mobile-nav{display:none}.site-footer{max-width:1200px;color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;margin:auto;padding:32px;font-size:12px;display:flex}.site-footer>span{align-items:center;gap:8px;display:flex}.learning-hero{border:1px solid hsl(var(--primary) / .1);background:hsl(var(--primary) / .055);border-radius:calc(var(--radius) + 12px);align-items:center;min-height:280px;padding:32px 48px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;flex:1;position:relative}.eyebrow{letter-spacing:1.6px;color:hsl(var(--primary));align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.eyebrow-dot{background:hsl(var(--primary));border-radius:100%;width:6px;height:6px}.hero-copy h1{letter-spacing:-2px;width:fit-content;margin:12px 0 16px;font-size:48px;line-height:52px;position:relative}.heading-spark{color:hsl(var(--warning));position:absolute;top:12px;right:-48px;transform:rotate(10deg)}.hero-copy p{color:hsl(var(--muted-foreground));font-size:14px;line-height:24px}.hero-copy p strong{color:hsl(var(--foreground));font-weight:600}.hero-badges{gap:16px;margin-top:20px;display:flex}.hero-badges>span{color:hsl(var(--muted-foreground));align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.hero-badges svg{color:hsl(var(--primary))}.hero-illustration{flex-shrink:0;width:44%;max-width:440px;margin:-24px -8px -24px 0}.hero-sticker{background:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 12px;font-size:10px;line-height:16px;display:flex;position:absolute;top:32px;right:36px;transform:rotate(6deg)}.hero-sticker svg{color:hsl(var(--warning));fill:hsl(var(--sun))}.hero-sticker strong{font-size:12px}.choose-section{margin:32px 0 24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{font-size:22px;line-height:28px}.section-heading p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:13px}.heading-emoji{color:hsl(var(--warning));margin-left:12px;font-size:24px}.progress-pill{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));white-space:nowrap;transition:box-shadow var(--transition-fast);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.progress-pill:hover{box-shadow:var(--shadow-md)}.table-picker{grid-template-columns:repeat(20,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.number-button{border-radius:var(--radius-md);height:52px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;font-size:20px;font-weight:700;position:relative}.number-button:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.tone-0{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.tone-1{background:hsl(var(--mint));color:hsl(var(--mint-foreground))}.tone-2{background:hsl(var(--coral) / .4);color:hsl(var(--coral-foreground))}.tone-3{background:hsl(var(--sun) / .4);color:hsl(var(--sun-foreground))}.tone-4{background:hsl(var(--aqua));color:hsl(var(--aqua-foreground))}.number-button.selected{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 0 hsl(var(--primary) / .25);transform:translateY(-3px)}.number-check{position:absolute;top:3px;right:3px}.lesson-card{overflow:hidden}.lesson-header{justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.lesson-title{align-items:center;gap:16px;display:flex}.table-emblem{border-radius:var(--radius);background:hsl(var(--accent));width:52px;height:56px;color:hsl(var(--accent-foreground));place-items:center;font-size:30px;font-weight:700;display:grid}.lesson-title h2{margin-top:4px;font-size:24px;line-height:32px}.lesson-actions{align-items:center;gap:12px;display:flex}.urdu-toggle{font-size:12px}.urdu-toggle>span{color:hsl(var(--primary));font-size:18px}.equations{grid-template-rows:repeat(5,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:8px 24px;padding:0 28px 20px;display:grid}.equation-row{border:1px solid hsl(var(--border) / .65);border-radius:var(--radius-md);background:hsl(var(--background) / .65);min-height:56px;transition:background var(--transition-fast);align-items:center;gap:16px;padding:8px 12px;display:flex}.equation-row.speaking{background:hsl(var(--accent));border-color:hsl(var(--primary))}.row-index{color:hsl(var(--muted-foreground) / .75);width:24px;font-size:10px;font-weight:600}.equation-content{flex:1}.equation{align-items:center;gap:16px;font-size:23px;font-weight:600;line-height:32px;display:flex}.operator{color:hsl(var(--muted-foreground));font-size:19px}.equation strong{color:hsl(var(--primary));min-width:32px;font-size:24px}.line-speaker{min-height:36px;color:hsl(var(--primary) / .65);background:hsl(var(--primary) / .04);border-radius:100%;padding:8px}.urdu-line{color:hsl(var(--muted-foreground));margin:4px 0;font-size:16px;display:block}.lesson-bottom{border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .5);justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.lesson-bottom>span{color:hsl(var(--muted-foreground));align-items:center;gap:8px;font-size:12px;display:flex}.lesson-bottom .button{min-height:40px;font-size:12px}.lesson-navigation{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.lesson-navigation .button{font-size:12px}.practice-link{color:hsl(var(--primary));align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.practice-link:hover{text-decoration:underline}.tip-banner{border-radius:var(--radius);background:hsl(var(--sun) / .14);color:hsl(var(--sun-foreground));border:1px solid hsl(var(--sun) / .25);align-items:center;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.tip-star{color:hsl(var(--warning));font-size:36px;line-height:40px}.tip-banner strong{font-size:14px}.tip-banner p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:12px}.tip-doodle{color:hsl(var(--sun));margin-left:auto;font-size:36px;line-height:40px;transform:rotate(14deg)}.page-heading{padding:24px 0 32px}.page-heading h1{margin:12px 0;font-size:40px;line-height:48px}.page-heading p{color:hsl(var(--muted-foreground));font-size:16px}.game-start{grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;max-width:960px;margin:8px auto 48px;display:grid}.game-setup{text-align:center;padding:36px}.game-mascot{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-radius:100%;place-items:center;width:88px;height:88px;margin:0 auto 20px;display:grid}.game-setup h2{font-size:26px;line-height:32px}.game-setup>p{color:hsl(var(--muted-foreground));margin:12px 0 24px;font-size:14px}.game-setup label{text-align:left;margin-bottom:8px;font-size:14px;font-weight:600;display:block}select,input{border:1px solid hsl(var(--input));background:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:var(--radius-md);padding:12px 16px}.game-setup select{width:100%}.game-rules{color:hsl(var(--muted-foreground));justify-content:center;gap:16px;margin:20px 0;font-size:12px;display:flex}.game-rules>span{align-items:center;gap:4px;display:flex}.game-rules svg{color:hsl(var(--primary))}.start-button{width:100%;min-height:48px;font-size:16px}.game-encouragement{padding:24px}.game-encouragement>svg{color:hsl(var(--warning));margin-bottom:16px}.game-encouragement h3{font-size:26px;line-height:32px}.game-encouragement p{color:hsl(var(--muted-foreground));margin:16px 0 24px;font-size:16px;line-height:28px}.text-link{color:hsl(var(--primary));align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.question-card{max-width:760px;margin:0 auto 40px;padding:32px}.question-top{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;font-size:14px;display:flex}.question-top>span:first-child{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-radius:100px;padding:6px 16px;font-weight:600}.game-progress{gap:8px;margin-top:24px;display:flex}.game-progress>span{background:hsl(var(--muted));border-radius:100px;flex:1;height:8px}.game-progress .complete{background:hsl(var(--success))}.game-progress .current{background:hsl(var(--primary))}.question-prompt{text-align:center;color:hsl(var(--muted-foreground));margin:40px 0 16px;font-size:16px}.big-equation{justify-content:center;align-items:center;gap:24px;margin-bottom:32px;font-size:64px;line-height:80px;display:flex}.big-equation>span{color:hsl(var(--muted-foreground));font-size:40px;font-weight:400}.big-equation em{color:hsl(var(--primary));background:hsl(var(--accent));text-align:center;border-radius:var(--radius);width:88px;font-style:normal}.answer-form{gap:12px;max-width:480px;margin:0 auto 24px;display:flex}.answer-form input{text-align:center;width:100%;min-width:0;height:56px;font-size:24px}.answer-form .button{font-size:16px}.answer-form input[aria-invalid=true]{border-color:hsl(var(--destructive))}.quiz-options{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.quiz-option{background:hsl(var(--card));min-height:76px;color:hsl(var(--card-foreground));border:2px solid hsl(var(--border));border-radius:var(--radius);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:16px;padding:16px 20px;display:flex}.quiz-option:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:hsl(var(--primary));transform:translateY(-2px)}.quiz-option>span{border-radius:var(--radius-sm);background:hsl(var(--muted));width:32px;height:32px;color:hsl(var(--muted-foreground));place-items:center;font-size:14px;display:grid}.quiz-option strong{font-size:26px}.quiz-option>svg{margin-left:auto}.quiz-option.correct-option{border-color:hsl(var(--success));background:hsl(var(--success) / .1);color:hsl(var(--success))}.quiz-option.wrong-option{border-color:hsl(var(--destructive));background:hsl(var(--destructive) / .06);color:hsl(var(--destructive))}.answer-feedback{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;margin:24px 0;padding:20px;display:flex}.feedback-correct{background:hsl(var(--success) / .1);color:hsl(var(--success))}.feedback-wrong{background:hsl(var(--warning) / .1);color:hsl(var(--warning))}.answer-feedback>div{grid-template-columns:24px 1fr;gap:4px 8px;display:grid}.answer-feedback strong{font-size:18px}.answer-feedback>div>span{grid-column:2;font-size:14px}.hint-area{text-align:center}.hint-area p{color:hsl(var(--muted-foreground));background:hsl(var(--muted));border-radius:var(--radius);margin-top:8px;padding:16px;font-size:14px;line-height:28px}.question-footer{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.question-footer>span{align-items:center;gap:6px;display:flex}.question-footer>span>svg{color:hsl(var(--warning));fill:hsl(var(--sun))}.question-footer .button{font-size:12px}.result-card{text-align:center;max-width:760px;margin:0 auto 40px;padding:40px}.result-stars{color:hsl(var(--warning));letter-spacing:16px;margin-bottom:16px;font-size:48px}.result-card>p{color:hsl(var(--muted-foreground));margin-top:12px;font-size:16px}.score-circle{background:hsl(var(--accent));width:160px;height:160px;color:hsl(var(--accent-foreground));border:6px solid hsl(var(--primary) / .2);border-radius:100%;flex-direction:column;justify-content:center;align-items:center;margin:24px auto;display:flex}.score-circle strong{font-size:52px;line-height:64px}.score-circle small{font-size:22px}.score-circle>span{letter-spacing:1px;font-size:10px;font-weight:600}.result-card .save-status{margin:20px 0;font-size:14px}.result-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.result-review{text-align:left;border-top:1px solid hsl(var(--border));margin-top:32px;padding-top:24px}.result-review h3{margin-bottom:16px}.result-review>div{border-bottom:1px solid hsl(var(--border));justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{padding:24px}.stat-card>svg{color:hsl(var(--primary));margin-bottom:16px}.stat-green>svg{color:hsl(var(--success))}.stat-orange>svg{color:hsl(var(--warning))}.stat-pink>svg{color:hsl(var(--pink-foreground))}.stat-card>div{align-items:baseline;gap:8px;display:flex}.stat-card strong{font-size:36px;line-height:44px}.stat-card span{color:hsl(var(--muted-foreground));font-size:14px}.stat-card p{color:hsl(var(--muted-foreground));margin-top:8px;font-size:14px}.journey-card{padding:28px}.journey-percent{color:hsl(var(--primary));font-size:14px;font-weight:600}.journey-bar{background:hsl(var(--muted));border-radius:100px;height:12px;margin:24px 0}.journey-bar>span{background:hsl(var(--primary));height:100%;transition:width var(--transition-smooth);border-radius:100px;display:block}.journey-grid{grid-template-columns:repeat(10,1fr);gap:12px;display:grid}.journey-item{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-md);min-height:108px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.journey-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.journey-item strong{color:hsl(var(--foreground));font-size:28px}.journey-item>span{align-items:center;gap:4px;font-size:12px;display:flex}.journey-item.learned{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--primary) / .2)}.journey-item.learned strong{color:hsl(var(--primary))}.journey-item .practiced-tag{color:hsl(var(--success));font-size:10px}.journey-legend{color:hsl(var(--muted-foreground));justify-content:center;gap:24px;margin-top:24px;font-size:12px;display:flex}.journey-legend>span{align-items:center;gap:8px;display:flex}.journey-legend i{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:100%;width:10px;height:10px}.journey-legend .learned-dot{background:hsl(var(--primary))}.progress-bottom{grid-template-columns:2fr 1fr;gap:24px;margin:24px 0;display:grid}.milestone-card{background:hsl(var(--sun) / .12);color:hsl(var(--sun-foreground));border-color:hsl(var(--sun) / .25);align-items:center;gap:24px;padding:28px;display:flex}.milestone-icon{background:hsl(var(--sun) / .3);width:76px;height:76px;color:hsl(var(--warning));border-radius:100%;flex-shrink:0;place-items:center;display:grid}.milestone-card h2{font-size:22px}.milestone-card p{color:hsl(var(--muted-foreground));margin:8px 0 16px;font-size:14px}.best-quiz{grid-template-columns:32px 1fr;align-items:center;gap:8px 12px;padding:24px;display:grid}.best-quiz>svg{color:hsl(var(--warning))}.best-quiz>strong{grid-column:2;font-size:36px;line-height:44px}.best-quiz>strong>span{color:hsl(var(--muted-foreground));font-size:18px;font-weight:400}.best-quiz>a{grid-column:2}.progress-note{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.progress-note>span{align-items:center;gap:8px;display:flex}.progress-note .button{font-size:12px}.dialog-overlay{background:hsl(var(--ink) / .5);z-index:60;animation:fadeIn var(--transition);position:fixed;inset:0}.dialog-content{z-index:61;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:480px;max-height:85dvh;box-shadow:var(--shadow-lg);animation:fadeIn var(--transition);padding:28px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog-close{position:absolute;top:16px;right:12px}.install-help{flex-direction:column;gap:20px;padding-top:24px;display:flex}.install-help ol{flex-direction:column;gap:16px;padding-left:20px;font-size:14px;display:flex}.toast{z-index:80;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-left:4px solid hsl(var(--success));border-radius:var(--radius);width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow-md);animation:fadeIn var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast>svg{color:hsl(var(--success));flex-shrink:0}.toast>span{max-width:520px}.toast-error{border-left-color:hsl(var(--destructive))}.toast-error>svg{color:hsl(var(--destructive))}.empty-state,.not-found{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.not-found>svg{color:hsl(var(--primary))}.not-found h1{font-size:36px}.not-found p{color:hsl(var(--muted-foreground))}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.m-4{margin:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.flex{display:flex}.table{display:table}.table\!{display:table!important}.h-12{height:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.justify-end{justify-content:flex-end}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-lg{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-muted{background-color:hsl(var(--muted))}.pr-8{padding-right:calc(var(--spacing) * 8)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-destructive{color:hsl(var(--destructive))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-success{color:hsl(var(--success))}.text-warning{color:hsl(var(--warning))}}:root{--background:260 38% 98%;--foreground:253 27% 23%;--card:0 0% 100%;--card-foreground:253 27% 23%;--popover:0 0% 100%;--popover-foreground:253 27% 23%;--primary:258 56% 56%;--primary-foreground:0 0% 100%;--secondary:260 45% 96%;--secondary-foreground:257 38% 38%;--muted:260 28% 96%;--muted-foreground:253 12% 46%;--accent:260 70% 96%;--accent-foreground:258 56% 48%;--destructive:0 62% 45%;--destructive-foreground:0 0% 100%;--success:156 45% 32%;--success-foreground:0 0% 100%;--warning:38 86% 37%;--warning-foreground:0 0% 100%;--info:185 50% 31%;--info-foreground:0 0% 100%;--border:260 25% 90%;--input:260 22% 83%;--ring:258 56% 56%;--mint:156 52% 89%;--mint-foreground:156 42% 28%;--coral:13 87% 84%;--coral-foreground:11 49% 33%;--sun:41 96% 76%;--sun-foreground:37 55% 28%;--aqua:187 51% 88%;--aqua-foreground:187 52% 28%;--pink:331 60% 93%;--pink-foreground:331 40% 38%;--cream:40 100% 96%;--cream-foreground:37 55% 28%;--ink:253 27% 23%;--radius:.875rem;--shadow-sm:0 3px 14px hsl(var(--foreground) / .025);--shadow-md:0 6px 20px hsl(var(--foreground) / .08);--shadow-lg:0 20px 64px hsl(var(--foreground) / .16);--transition-fast:.15s ease;--transition:.2s ease;--transition-smooth:.3s ease}.dark{--background:253 24% 11%;--foreground:260 35% 94%;--card:253 23% 15%;--card-foreground:260 35% 94%;--popover:253 23% 18%;--popover-foreground:260 35% 94%;--primary:260 68% 74%;--primary-foreground:253 35% 15%;--secondary:255 27% 23%;--secondary-foreground:260 47% 88%;--muted:253 20% 20%;--muted-foreground:258 17% 72%;--accent:255 27% 25%;--accent-foreground:260 75% 83%;--destructive:0 68% 66%;--destructive-foreground:0 40% 12%;--success:153 49% 66%;--success-foreground:156 40% 12%;--warning:39 82% 68%;--warning-foreground:36 50% 12%;--info:187 53% 67%;--info-foreground:185 40% 12%;--border:254 18% 28%;--input:254 22% 38%;--ring:260 68% 74%;--mint:156 28% 23%;--mint-foreground:156 52% 80%;--coral:13 42% 32%;--coral-foreground:13 85% 88%;--sun:40 59% 59%;--sun-foreground:37 50% 15%;--aqua:187 30% 24%;--aqua-foreground:187 55% 82%;--pink:331 27% 24%;--pink-foreground:331 55% 85%;--cream:40 65% 89%;--cream-foreground:37 55% 22%;--ink:253 27% 23%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1279px){.header-inner{gap:16px;padding:20px 24px}.nav-link{gap:6px;padding:12px 10px;font-size:12px}.wordmark{gap:8px;font-size:16px}.table-picker{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.number-button{height:48px}.hero-illustration{width:43%}}@media (width<=1023px){.desktop-nav{display:none}.mobile-nav{z-index:40;background:hsl(var(--card));color:hsl(var(--card-foreground));border-top:1px solid hsl(var(--border));padding:12px 8px calc(12px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav>a{color:hsl(var(--muted-foreground));flex-direction:column;align-items:center;gap:4px;min-width:68px;font-size:12px;display:flex;position:relative}.mobile-nav>a.active{color:hsl(var(--primary));font-weight:600}.mobile-nav i{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:100px;padding:0 4px;font-size:10px;font-style:normal;position:absolute;top:-4px;right:12px}.app-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.toast{bottom:calc(92px + env(safe-area-inset-bottom))}.learning-hero{padding:28px 32px}.hero-copy h1{font-size:40px;line-height:44px}.hero-sticker{top:20px;right:16px}.hero-badges{gap:12px}.hero-badges>span{font-size:10px}.hero-illustration{width:45%;margin-right:-24px}.journey-grid{grid-template-columns:repeat(5,1fr)}.game-start{gap:24px}.game-setup{padding:28px}.game-encouragement{padding:12px}.progress-bottom{grid-template-columns:1.5fr 1fr}.milestone-card{gap:16px;padding:24px}.milestone-icon{width:56px;height:56px}.hero-copy h1 .heading-spark{width:24px;right:-36px}}@media (width<=767px){.main-content{padding:20px 20px 0}.learning-hero{min-height:252px;padding:24px}.hero-copy h1{font-size:36px;line-height:40px}.hero-illustration{width:44%;margin-right:-32px}.hero-copy p{font-size:13px;line-height:20px}.hero-sticker{display:none}.hero-badges{flex-wrap:wrap;gap:8px 12px}.hero-badges>span:last-child,.heading-spark{display:none}.section-heading h2{font-size:20px;line-height:28px}.section-heading p{font-size:12px}.progress-pill{padding:8px 12px;font-size:11px}.section-heading{align-items:flex-start}.lesson-header{flex-wrap:wrap;padding:20px}.lesson-title{gap:12px}.lesson-actions{margin-left:auto}.lesson-actions .button{padding:8px 12px;font-size:12px}.equations{gap:8px 12px;padding:0 20px 20px}.equation-row{gap:8px;min-height:56px;padding:8px}.row-index{display:none}.equation{gap:12px;font-size:20px;line-height:28px}.equation strong{font-size:22px}.line-speaker{min-height:32px;padding:6px}.line-speaker svg{width:16px}.lesson-bottom{flex-wrap:wrap;padding:16px 20px}.lesson-bottom>span{font-size:11px}.lesson-navigation{flex-wrap:wrap;gap:8px}.practice-link{order:3;justify-content:center;width:100%;margin:8px 0;font-size:12px}.lesson-navigation>.button:last-child{margin-left:auto}.site-footer{text-align:center;flex-direction:column;justify-content:center;gap:12px;padding:28px 20px}.game-start{grid-template-columns:1fr;gap:16px;max-width:520px}.game-encouragement{text-align:center;padding:16px}.game-encouragement h3{font-size:22px}.game-encouragement p{margin:8px 0 16px;font-size:14px;line-height:24px}.page-heading{padding:16px 0 24px}.page-heading h1{font-size:36px;line-height:40px}.page-heading p{font-size:14px}.question-card{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:20px}.progress-bottom{grid-template-columns:1fr}.journey-card{padding:20px}.journey-grid{gap:8px}.journey-item{min-height:96px}.journey-item>span{font-size:10px}.journey-percent{white-space:nowrap;font-size:12px}.progress-note{flex-direction:column;align-items:flex-start;gap:8px}.progress-note>span{align-items:flex-start;line-height:20px}.best-quiz{grid-template-columns:36px 1fr 1fr}.best-quiz>strong{text-align:center;grid-area:1/3/3}.best-quiz>a{grid-column:2}}@media (width<=639px){.header-inner{gap:8px;padding:16px}.wordmark{gap:8px;font-size:15px;line-height:20px}.wordmark small{letter-spacing:.8px;font-size:8px}.brand-icon{width:36px;height:36px}.brand-icon>svg:first-child{width:22px}.header-actions{gap:4px}.install-button{min-height:36px;padding:8px}.install-button span{display:none}.theme-toggle{min-height:36px;padding:6px}.main-content{padding:16px 16px 0}.learning-hero{min-height:0;padding:24px 20px;display:block}.hero-copy h1{margin:12px 0;font-size:36px;line-height:40px}.hero-copy{width:75%}.hero-copy p{font-size:12px}.hero-illustration{opacity:.95;width:220px;margin:0;position:absolute;top:24px;right:-65px}.hero-badges{z-index:2;gap:12px;margin-top:16px;position:relative}.hero-badges>span{background:hsl(var(--background) / .8);border-radius:var(--radius-sm);gap:4px;padding:4px 6px;font-size:10px}.eyebrow{letter-spacing:1px;font-size:9px}.choose-section{margin:24px 0 20px}.choose-section .section-heading{display:block}.choose-section .section-heading h2{max-width:280px;font-size:20px;line-height:24px}.heading-emoji{display:none}.progress-pill{width:fit-content;margin-top:12px}.table-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.number-button{height:48px;font-size:21px}.lesson-header{gap:16px;padding:16px}.table-emblem{width:44px;height:48px;font-size:26px}.lesson-title h2{font-size:22px;line-height:28px}.lesson-actions{justify-content:space-between;gap:8px;width:100%}.lesson-actions .button-primary{flex:1;font-size:13px}.lesson-actions .urdu-toggle{font-size:11px}.equations{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row;gap:8px;padding:0 16px 16px}.equation-row{gap:12px;min-height:56px;padding:8px 12px}.row-index{font-size:10px;display:block}.equation{gap:20px;font-size:24px}.equation strong{font-size:26px}.line-speaker{width:36px;height:36px}.line-speaker svg{width:19px}.lesson-bottom{gap:12px;padding:16px}.lesson-bottom>span{align-items:flex-start;font-size:11px;line-height:16px}.lesson-bottom>span>svg{flex-shrink:0}.lesson-bottom .button{width:100%;font-size:14px}.tip-banner{align-items:flex-start;gap:12px;margin-top:20px;padding:16px}.tip-banner p{font-size:12px;line-height:20px}.tip-doodle{display:none}.tip-star{font-size:28px}.page-heading h1{font-size:30px;line-height:36px}.page-heading p{line-height:24px}.game-setup{padding:24px 20px}.game-setup h2{font-size:24px}.game-rules{flex-direction:column;align-items:center;gap:8px}.question-card{padding:20px 16px}.question-prompt{margin:28px 0 16px;font-size:14px}.big-equation{gap:14px;margin-bottom:24px;font-size:44px;line-height:64px}.big-equation>span{font-size:30px}.big-equation em{width:56px}.answer-form{flex-direction:column}.answer-form .button{min-height:48px}.quiz-options{gap:12px}.quiz-option{gap:8px;min-height:72px;padding:12px}.quiz-option strong{font-size:24px}.quiz-option>span{width:24px;height:24px;font-size:12px}.quiz-option>svg{width:18px}.answer-feedback{flex-direction:column;align-items:stretch;padding:16px}.answer-feedback .button{width:100%}.answer-feedback strong{font-size:16px}.answer-feedback>div>span{font-size:12px}.question-footer{flex-wrap:wrap;gap:8px}.question-footer .button{padding:8px 0}.result-card{padding:28px 20px}.result-card h2{font-size:26px;line-height:32px}.result-actions{flex-direction:column}.result-review>div{font-size:12px}.stat-card{padding:16px}.stat-card strong{font-size:32px}.stat-card>div{gap:6px}.stat-card span,.stat-card p{font-size:12px}.journey-card{padding:20px 16px}.journey-card .section-heading{flex-direction:column;gap:8px}.journey-card h2{font-size:22px}.journey-bar{margin:16px 0}.journey-grid{grid-template-columns:repeat(4,1fr);gap:8px}.journey-item strong{font-size:26px}.journey-legend{gap:12px;font-size:10px}.milestone-card{align-items:flex-start;padding:20px}.milestone-card h2{font-size:20px;line-height:28px}.milestone-card p{font-size:12px;line-height:20px}.milestone-icon{width:40px;height:40px}.milestone-icon svg{width:24px}.best-quiz{grid-template-columns:28px 1fr;padding:20px}.best-quiz>strong{text-align:left;grid-area:auto/2;font-size:32px}.best-quiz>a{grid-column:2}.toast{align-items:flex-start;gap:8px;padding:12px;font-size:12px}.toast .button{min-height:28px;padding:4px}.dialog-content{padding:24px}.not-found h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}