:root{--color-accent:#7fb3ee;--color-accent-100:#dfeafb;--color-accent-200:#a9caf5;--color-accent-300:#8fb9ef;--color-accent-400:#6ea8f0;--color-accent-500:#4d8ede;--color-accent-600:#3a6fbf;--color-accent-700:#2c5599;--color-accent-800:#223f74;--color-accent-900:#1a2f56;--color-bg:#1b2467;--color-surface:#15214edb;--color-text:#e8eefb;--color-text-muted:#a8b8dd;--color-divider:#ffffff24;--color-border:#ffffff29;--color-neutral-100:#f3f5fe;--color-neutral-800:#3f424d;--color-fail:#ff9ba6;--color-pass:#7fe3c0;--color-fail-wash:#d6465657;--color-pass-wash:#48be9652;--font-heading:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-heading-weight:500;--font-devanagari:"Noto Sans Devanagari", "Inter", system-ui, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--space-1:2.8px;--space-2:5.6px;--space-3:8.4px;--space-4:11.2px;--space-6:16.8px;--space-8:22.4px;--app-gradient:linear-gradient(180deg, #1b2467 0%, #223480 38%, #27498f 68%, #2a5da8 100%)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h3{font-size:25px}h4{font-size:20px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}a:hover{color:var(--color-accent-300)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#7fb3ee4d}.text-muted{color:#e8eefb8c}.hr{height:1px;margin:var(--space-4) 0;background:linear-gradient(to right, transparent, var(--color-divider) 48px, var(--color-divider) calc(100% - 48px), transparent);border:0}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:#7fb3ee1f}.btn-primary:active:not(:disabled){background:#7fb3ee38}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover:not(:disabled){background:#e8eefb12}.btn-secondary:active:not(:disabled){background:#e8eefb24}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover:not(:disabled){background:#7fb3ee1a}.btn-ghost:active:not(:disabled){background:#7fb3ee2e}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{color:#e8eefbb3;margin-bottom:5px;font-size:12px;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:6px 10px;font-size:14px}.input:hover{border-color:#e8eefb73}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-size:10px}.tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.app-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:linear-gradient(#111a3fdb,#152450db);padding:26px;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff1a,0 20px 50px #060c2480}.app-card-tall{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff1a,0 24px 60px #060c248c}input[type=range]{accent-color:var(--color-accent-400);width:100%;height:22px}input[type=checkbox]{accent-color:var(--color-accent-400);width:15px;height:15px}.app-shell{background:var(--app-gradient);min-height:100vh;color:var(--color-text);box-sizing:border-box;flex-direction:column;align-items:center;gap:22px;padding:40px 20px;display:flex}.app-shell-centered{justify-content:center}.app-shell-column{flex-direction:column;gap:18px;display:flex}.wordmark{align-items:baseline;gap:8px;display:inline-flex}.wordmark-devanagari{font-family:var(--font-devanagari);color:var(--color-accent)}.wordmark-latin{font-family:var(--font-heading);letter-spacing:-.01em}.app-header{align-items:center;gap:10px;padding:0 4px;display:flex}.app-header-signout{margin-left:auto;font-size:12px}.home-kicker,.home-stats-kicker{margin-bottom:6px}.home-heading{margin-bottom:20px}.home-sliders{flex-direction:column;gap:20px;display:flex}.slider-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.slider-label{font-size:13px}.slider-value{font-family:var(--font-heading);color:var(--color-accent);font-size:15px}.slider-hint{margin-top:2px;font-size:11.5px}.home-rule{margin:22px -26px 18px}.home-practise-kicker{margin-bottom:12px}.home-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;display:grid}.home-mode{cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.home-unlock{margin-top:20px}.home-start{min-height:44px;margin-top:24px;font-size:15px}.home-nostart{text-align:center;margin-top:8px;font-size:11.5px}.home-error{color:var(--color-fail)}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-stat-value{font-family:var(--font-heading);font-size:30px;line-height:1}.home-stat-accent{color:var(--color-accent)}.home-stat-label{margin-top:4px;font-size:11.5px}.home-stats-rule{margin:20px -26px 16px}.home-stats-footer{justify-content:space-between;font-size:12.5px;display:flex}.home-see-all{min-height:38px;margin-top:18px}@media (width<=420px){.home-modes{grid-template-columns:1fr}}.deck{flex-direction:column;gap:16px;display:flex}.deck-stage{height:380px;margin-top:6px;position:relative}.deck-card{border-radius:var(--radius-lg);position:absolute;inset:0;overflow:hidden}.deck-card-behind{background:linear-gradient(#141e46,#192a5a);box-shadow:0 0 0 1px #ffffff1f}.deck-card-next{background:linear-gradient(#16214c,#1c2f62);box-shadow:inset 0 1px #ffffff24,0 0 0 1px #ffffff29}.deck-card-top{z-index:10;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform;background:linear-gradient(#16214c,#1c2f62);box-shadow:inset 0 1px #ffffff24,0 0 0 1px #ffffff29,0 22px 50px #060c2499}.deck-card-top:active{cursor:grabbing}.deck-wash{opacity:0;pointer-events:none;position:absolute;inset:0}.deck-wash-fail{background:linear-gradient(90deg, var(--color-fail-wash), transparent 62%)}.deck-wash-pass{background:linear-gradient(270deg, var(--color-pass-wash), transparent 62%)}.deck-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:28px;display:flex;position:relative}.deck-direction{position:absolute;top:16px;left:18px}.deck-prompt{font-family:var(--font-devanagari);letter-spacing:-.01em;font-weight:500;line-height:1.2}.deck-prompt-sub{margin-top:8px;font-size:15px;font-style:italic}.deck-answer{border-top:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:6px;width:78%;margin-top:22px;padding-top:22px;display:flex}.deck-answer-main{font-family:var(--font-devanagari);color:var(--color-accent-200);font-weight:500;line-height:1.25}.deck-answer-sub{font-size:14px;font-style:italic}.deck-listen{gap:8px;margin-top:10px;font-size:12.5px}.deck-reveal-hint{letter-spacing:.04em;font-size:11.5px;position:absolute;bottom:20px}.deck-legend{justify-content:space-between;align-items:center;padding:4px 2px;font-size:11.5px;display:flex}.deck-legend-fail{color:var(--color-fail)}.deck-legend-pass{color:var(--color-pass)}.progress-row{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.progress-track{background:#ffffff24;border-radius:2px;flex:1;height:3px;overflow:hidden}.progress-fill{height:100%;transition:width .22s}.progress-label{font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:12px}.progress-label-active{color:var(--color-accent)}.results-card{padding:30px 28px 26px}.results-kicker{margin-bottom:6px}.results-headline{align-items:flex-end;gap:14px;margin-bottom:4px;display:flex}.results-rate{font-family:var(--font-heading);color:var(--color-accent);font-size:56px;line-height:.95}.results-rate-label{padding-bottom:8px;font-size:13px}.results-rule{margin:22px -28px 18px}.results-hard-heading{margin-bottom:12px;font-size:13px}.results-row{border-bottom:1px solid #ffffff1f;align-items:baseline;gap:12px;padding:9px 0;display:flex}.results-en{min-width:34%;font-size:15px}.results-hi{font-family:var(--font-devanagari);color:var(--color-accent-200);font-size:17px}.results-tr{margin-right:auto;font-size:12.5px;font-style:italic}.results-actions{gap:10px;margin-top:24px;display:flex}.results-action{flex:1;min-height:40px}.lesson-header{align-items:center;gap:12px;display:flex}.lesson-quit{padding-inline:0;font-size:12px}.lesson-phase-label{margin-top:-8px;padding-left:2px;font-size:11.5px}.lesson-error{color:var(--color-fail)}.lesson-empty{margin:8px 0 18px;font-size:13px}.login-card{padding:34px 30px 30px}.login-wordmark{margin-bottom:26px}.login-title{margin-bottom:4px}.login-subtitle{margin-bottom:20px;font-size:13px}.login-fields{flex-direction:column;gap:12px;display:flex}.login-submit{min-height:40px;margin-top:20px}.login-error{color:var(--color-fail);margin:16px 0 0;font-size:12.5px}