:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);--bg:var(--surface);--muted:var(--ink-soft);--line:var(--border);--primary:var(--brand);--on-primary:var(--white);--teal:var(--green);--teal-soft:var(--border);--red-soft:var(--red-light);--font-display:'Bricolage Grotesque', 'Hind', 'Noto Sans Kannada', 'Noto Sans Telugu',
    'Noto Sans Tamil', 'Noto Sans Gujarati', system-ui, sans-serif;--font-body:'Hind', 'Noto Sans Kannada', 'Noto Sans Telugu', 'Noto Sans Tamil',
    'Noto Sans Gujarati', system-ui, -apple-system, 'Segoe UI', sans-serif}html{scroll-padding-top:env(safe-area-inset-top,0)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:var(--white);background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--night-bg);--surface:var(--night-surface);--ink:var(--night-ink);--muted:var(--night-muted);--line:var(--night-line);--primary:var(--night-primary);--on-primary:var(--night-bg);--teal:var(--night-teal);--teal-soft:var(--night-teal-soft);--red:var(--night-red);--red-soft:var(--night-red-soft);--amber:var(--night-amber);color-scheme:dark}}:root[data-theme=dark]{--bg:var(--night-bg);--surface:var(--night-surface);--ink:var(--night-ink);--muted:var(--night-muted);--line:var(--night-line);--primary:var(--night-primary);--on-primary:var(--night-bg);--teal:var(--night-teal);--teal-soft:var(--night-teal-soft);--red:var(--night-red);--red-soft:var(--night-red-soft);--amber:var(--night-amber);color-scheme:dark}.wrap{max-width:640px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-5)}h1,h2,h3{font-family:var(--font-display);line-height:1.12;margin:0;text-wrap:balance}p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.brand{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--primary);padding-top:var(--space-3)}.brand small{font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-inline-start:var(--space-2)}.tools{display:flex;align-items:center;gap:var(--space-3)}.facts b,.pill{font-variant-numeric:tabular-nums}.pill{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.card,.sel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.sel{padding:6px var(--space-2);min-height:36px;max-width:150px}.card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.facts li,.label{color:var(--muted)}.label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.langs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip,.field input[type=text]{background:var(--bg);border:1px solid var(--line)}.chip{min-height:40px;padding:0 14px;border-radius:var(--radius);cursor:pointer;font-weight:500}.chip:hover,.chip[aria-pressed=true]{border-color:var(--primary)}.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.startbox{padding:var(--space-4);gap:14px}.intro h1{font-size:clamp(30px,8vw,42px);font-weight:800;letter-spacing:-.02em}.intro .lead{color:var(--muted);font-size:17px;max-width:52ch}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.facts li{border-top:2px solid var(--primary);padding-top:var(--space-2);font-size:14px;min-width:0}.facts b{display:block;font-family:var(--font-display);font-size:22px;color:var(--ink)}.field{display:flex;flex-direction:column;gap:6px}.field input[type=text]{padding:var(--space-3) 14px;width:100%;box-sizing:border-box}.check{display:flex;align-items:flex-start;gap:10px;font-size:15px}.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--primary);flex:none}.btn,.field input[type=text]{border-radius:var(--radius);min-height:48px}.btn{background:var(--primary);color:var(--on-primary);border:0;padding:0 22px;font-weight:600;font-size:16px;cursor:pointer;align-self:flex-start}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:0 0;color:var(--primary);border:1px solid var(--primary)}.err{color:var(--red);font-size:14px;min-height:1.2em}.route{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}.stop{flex:1 1 0;min-width:0;display:flex}.stop i{display:block;width:100%;height:8px;border-radius:2px;background:var(--line)}.stop.ok i{background:var(--teal)}.stop.bad i{background:var(--red)}.stop.now i{height:16px;background:var(--primary)}.qhead{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.q h2{font-size:clamp(21px,5.2vw,26px);font-weight:700}.q h2:focus{outline:0}.timer{align-items:center;gap:10px}.timer .track{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.timer .fill{height:100%;width:100%;background:var(--primary)}.timer.low .fill{background:var(--amber)}.timer .secs{font-variant-numeric:tabular-nums;font-weight:600;min-width:3ch;text-align:right}.opt,.opts,.timer{display:flex}.opts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.opt{width:100%;text-align:start;gap:var(--space-3);align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) 14px;min-height:52px;cursor:pointer}.opt:hover:not(:disabled){border-color:var(--primary)}.opt .key{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--muted)}.opt .txt{flex:1;min-width:0;padding-top:2px;overflow-wrap:anywhere}.opt .tag{flex:none;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding-top:var(--space-1)}.opt:disabled{cursor:default;color:var(--ink)}.opt.right{background:var(--teal-soft);border-color:var(--teal)}.opt.right .key{background:var(--teal);border-color:var(--teal);color:var(--surface)}.feedback.good b,.opt.right .tag{color:var(--teal)}.opt.wrong{background:var(--red-soft);border-color:var(--red)}.opt.wrong .key{background:var(--red);border-color:var(--red);color:var(--surface)}.feedback.miss b,.opt.wrong .tag{color:var(--red)}.opt.dim{opacity:.6}.feedback{border-radius:var(--radius);padding:14px var(--space-4);background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.feedback b{font-size:18px}.feedback p{color:var(--ink)}.score{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.feedback b,.score .big,.stat b,.verdict{font-family:var(--font-display)}.score .big,.score .of{font-variant-numeric:tabular-nums}.score .big{font-weight:800;font-size:clamp(56px,16vw,84px);line-height:1;letter-spacing:-.03em}.score .of{font-size:22px;color:var(--muted)}.stat b,.verdict{font-size:24px}.verdict{font-weight:700}.verdict.pass{color:var(--teal)}.verdict.fail{color:var(--amber)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.stat{border-top:2px solid var(--line);padding-top:var(--space-2);min-width:0}.stat b{display:block;font-variant-numeric:tabular-nums}.stat span{font-size:14px;color:var(--muted)}.cats{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.cat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:center}.cat .bar{grid-column:1/-1;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.cat .bar i{display:block;height:100%;background:var(--primary)}.cat .n{font-variant-numeric:tabular-nums;font-weight:600}.code{background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius);padding:var(--space-3) 14px;font-size:15px;overflow-wrap:anywhere;user-select:all}.row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.ok-note{color:var(--teal);font-weight:600;font-size:14px;min-height:1.2em}.review,.review li{display:flex;flex-direction:column}.review{gap:14px;margin:0;padding:0;list-style:none}.review li{border-top:1px solid var(--line);padding-top:14px;gap:var(--space-1)}.review .ans{color:var(--teal);font-weight:600}.review .you{color:var(--red);font-size:14px}.foot{text-align:center;font-size:13px;color:var(--muted)}html:not(:lang(en)) .facts b,html:not(:lang(en)) .feedback b,html:not(:lang(en)) .stat b,html:not(:lang(en)) .verdict,html:not(:lang(en)) h1,html:not(:lang(en)) h2,html:not(:lang(en)) h3{line-height:1.4;letter-spacing:0}html:not(:lang(en)) .brand small,html:not(:lang(en)) .label,html:not(:lang(en)) .opt .tag,html:not(:lang(en)) .pill{letter-spacing:0;text-transform:none}html:not(:lang(en)) .score .big{line-height:1.1}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
