:root{--paper: #fbf3e4;--paper-deep: #f3e6cf;--card: #fffaf0;--ink: #16263f;--ink-soft: #3d4f6b;--ink-faint: #6b7b93;--marigold: #e79015;--marigold-soft: #fbe2b6;--leaf: #2f7d55;--leaf-soft: #cfe7d8;--coral: #d85031;--coral-solid: #c14428;--coral-soft: #f8d9cf;--sky: #2b6f8f;--sky-soft: #cfe4ed;--clay: #9a5b3d;--clay-soft: #efd9cb;--rule: #d9c9a8;--shadow: 0 2px 0 rgba(22, 38, 63, .16);--radius: 14px;--tap: 56px;--font-display: "Baloo 2", "Kohinoor Devanagari", "Devanagari Sangam MN", ui-rounded, Georgia, serif;--font-body: "Nunito", "Kohinoor Devanagari", "Devanagari Sangam MN", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:18px;line-height:1.55;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(rgba(43,111,143,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(43,111,143,.07) 1px,transparent 1px);background-size:28px 28px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0 0 .4em;letter-spacing:.01em}h1{font-size:clamp(1.9rem,5vw,2.9rem)}h2{font-size:clamp(1.4rem,3.6vw,2rem)}h3{font-size:1.2rem}p{margin:0 0 .9em}a{color:var(--sky);text-underline-offset:3px}:focus-visible{outline:3px solid var(--marigold);outline-offset:3px;border-radius:6px}.app{min-height:100vh;display:flex;flex-direction:column}.shell{width:min(1080px,100%);margin:0 auto;padding:0 20px 72px;flex:1}.topnav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:2px solid var(--rule)}.topnav__inner{width:min(1080px,100%);margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:4px;cursor:pointer;color:inherit;text-align:left}.brand__name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;display:block}.brand__tag{font-size:.78rem;color:var(--ink-faint);display:block}.switcher{display:flex;gap:6px;padding:5px;background:var(--paper-deep);border:2px solid var(--rule);border-radius:12px}.switcher__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);align-self:center;padding:0 8px}.switcher__btn{font-family:var(--font-display);font-size:1rem;font-weight:600;min-height:44px;padding:6px 16px;border-radius:9px;border:2px solid transparent;background:transparent;color:var(--ink-soft);cursor:pointer}.switcher__btn[aria-pressed=true]{background:var(--card);border-color:var(--ink);color:var(--ink);box-shadow:var(--shadow)}.linkish{background:none;border:0;color:var(--sky);font:inherit;font-size:.95rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 6px}.panel{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.stack{display:flex;flex-direction:column;gap:22px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.muted{color:var(--ink-faint);font-size:.92rem}.badge{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--marigold-soft)}.btn{font-family:var(--font-display);font-weight:600;font-size:1.05rem;min-height:var(--tap);padding:12px 22px;border-radius:12px;border:2px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #16263f2e}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #16263f2e}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--marigold);font-size:1.15rem;padding:14px 30px}.btn--ghost{background:transparent;box-shadow:none;border-color:var(--rule)}.btn--wide{width:100%}.hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:26px;margin-top:24px;background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero__eyebrow{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);font-weight:700;margin-bottom:6px}.hero__mascot{width:148px;flex-shrink:0}.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.stat{border:2px solid var(--rule);border-radius:12px;padding:10px 16px;background:var(--paper-deep);min-width:128px}.stat__value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;display:block;line-height:1.1}.stat__label{font-size:.8rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.07em}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin:34px 0 14px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px}.subject-card{text-align:left;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:190px;font:inherit;color:inherit;transition:transform .12s ease}.subject-card:hover{transform:translateY(-2px)}.subject-card__top{display:flex;align-items:center;gap:12px}.subject-card__glyph{width:52px;height:52px;border-radius:12px;border:2px solid var(--ink);display:grid;place-items:center;flex-shrink:0}.subject-card__title{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.subject-card__blurb{font-size:.95rem;color:var(--ink-soft);flex:1}.subject-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.85rem}.accent--marigold{background:var(--marigold-soft)}.accent--leaf{background:var(--leaf-soft)}.accent--coral{background:var(--coral-soft)}.accent--navy{background:#d7e0ec}.accent--sky{background:var(--sky-soft)}.accent--clay{background:var(--clay-soft)}.meter{height:12px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-deep);overflow:hidden}.meter__fill{height:100%;background:var(--leaf);transition:width .25s ease}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.choice{font:inherit;text-align:left;min-height:var(--tap);padding:12px 16px;border-radius:12px;border:2px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer}.choice[aria-pressed=true]{border-color:var(--ink);background:var(--marigold-soft);box-shadow:var(--shadow)}.choice__title{font-family:var(--font-display);font-weight:600;display:block}.choice__note{font-size:.85rem;color:var(--ink-faint);display:block}.choice--compact{text-align:center;min-width:84px}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-family:var(--font-display);font-size:1.15rem;font-weight:700;padding:0;margin-bottom:10px}.practice-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 12px}.progress-dots{display:flex;gap:6px;flex-wrap:wrap}.dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--card)}.dot--done{background:var(--leaf)}.dot--current{background:var(--marigold)}.question-prompt{font-family:var(--font-display);font-size:clamp(1.35rem,3.4vw,1.85rem);line-height:1.35;margin-bottom:20px}.options{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.option{font:inherit;font-size:1.1rem;text-align:left;min-height:var(--tap);padding:14px 18px;border-radius:12px;border:2px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.option__key{width:32px;height:32px;border-radius:8px;border:2px solid var(--ink);background:var(--paper-deep);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;flex-shrink:0}.option[aria-pressed=true]{background:var(--marigold-soft)}.option--correct{background:var(--leaf-soft);border-color:var(--leaf)}.option--chosen-wrong{background:var(--coral-soft);border-color:var(--coral-solid)}.option:disabled{cursor:default;opacity:1}.tokens{display:flex;flex-wrap:wrap;gap:10px}.token{font:inherit;font-size:1.05rem;min-height:52px;padding:10px 16px;border-radius:10px;border:2px solid var(--ink);background:var(--card);cursor:pointer;box-shadow:var(--shadow);color:var(--ink)}.token--placed{background:var(--sky-soft)}.token-tray{min-height:76px;border:2px dashed var(--rule);border-radius:12px;padding:12px;background:var(--paper-deep);margin-bottom:16px}.feedback{margin-top:20px;border-radius:12px;border:2px solid var(--ink);padding:16px 18px;background:var(--leaf-soft)}.feedback--try{background:var(--marigold-soft)}.feedback__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:10px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.result-hero{text-align:center;padding:34px 24px}.result-score{font-family:var(--font-display);font-size:clamp(2.6rem,9vw,4rem);font-weight:800;line-height:1}.stars-line{font-size:1.6rem;letter-spacing:4px}.modal-backdrop{position:fixed;inset:0;background:#16263f80;display:grid;place-items:center;padding:18px;z-index:50;overflow-y:auto}.modal{background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:26px;width:min(760px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 8px #16263f40}.source-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.source-list li{border:2px solid var(--rule);border-radius:12px;padding:12px 14px;background:var(--paper-deep)}.theme-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 12px;list-style:none}.theme-list li{border:2px solid var(--rule);border-radius:999px;padding:6px 14px;background:var(--card);font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:60;background:var(--card);border:2px solid var(--ink);border-radius:0 0 10px;padding:12px 18px;font-family:var(--font-display);font-weight:600}.skip-link:focus{left:0}.footer-note{border-top:2px solid var(--rule);margin-top:40px;padding:18px 0 0;font-size:.86rem;color:var(--ink-faint)}@media(max-width:640px){body{font-size:17px}.hero{grid-template-columns:1fr}.hero__mascot{width:112px}.options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:hover:not(:disabled),.subject-card:hover{transform:none}}