:root{--slate:#0f172a;--cyan:#06b6d4;--indigo:#4f46e5;--green:#059669;--red:#e11d48;--amber:#f59e0b;--border:#dce7ed;--muted:#587082;--bg:#f2f7fa;--paper:#fff}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Noto Sans Devanagari",sans-serif;line-height:1.5}body{margin:0;color:var(--slate);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.top{padding:18px 20px;background:linear-gradient(128deg,#0f172a,#164e63);color:#fff}.topin{max-width:900px;margin:auto;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-size:18px;font-weight:800;letter-spacing:.2px}.eyebrow{font-size:11px;opacity:.85;letter-spacing:1.5px}.container{max-width:900px;margin:24px auto;padding:0 16px 55px}.card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 8px 24px #15364d0d;margin:16px 0}h1{font-size:clamp(25px,4vw,35px);margin:0 0 8px;letter-spacing:-.6px}h2{font-size:20px;margin:0 0 8px}h3{font-size:16px;margin:12px 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{border-radius:14px;padding:15px;background:#edfafd;border:1px solid #c8f0f5}.stat b{font-size:22px;display:block}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.field{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:700}.field input,.field select,.toolbar select{width:100%;padding:12px;border:1px solid #b8cdd8;border-radius:12px;background:white;color:var(--slate);min-height:45px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar select{max-width:165px;padding:7px;min-height:38px}.btn{border-radius:12px;padding:12px 16px;border:1px solid var(--border);background:#fff;color:var(--slate);font-weight:700;min-height:45px}.btn.primary{background:var(--indigo);color:#fff;border-color:var(--indigo)}.btn.cyan{background:var(--cyan);color:#062d42;border-color:var(--cyan)}.btn.red{background:#fff;color:var(--red);border-color:#fecdd3}.btn.small{padding:8px 11px;min-height:36px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed}.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.quick .btn{min-height:38px;padding:7px 13px}.quick .selected{background:#d9f8ff;border-color:var(--cyan);color:#075985}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pill{display:inline-block;border-radius:100px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:800;padding:5px 10px;margin-right:7px}.tag{display:inline-block;font-size:12px;background:#eef2ff;color:#4338ca;padding:5px 10px;border-radius:8px;font-weight:700}.bar{height:9px;border-radius:30px;background:#dbe7f0;overflow:hidden;margin-top:9px}.bar>span{display:block;height:100%;background:var(--cyan)}.timer{font-size:21px;font-variant-numeric:tabular-nums;font-weight:800}.timer.warn{color:#be123c}.opt{display:flex;align-items:flex-start;gap:13px;min-height:52px;padding:13px;margin-top:10px;border:2px solid #dbe5ee;background:#fff;border-radius:13px;text-align:left;width:100%;color:var(--slate)}.opt .letter{width:27px;height:27px;min-width:27px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:800}.opt.selected{border-color:var(--indigo);background:#eef2ff}.opt.selected .letter{background:var(--indigo);color:#fff}.opt.correct{border-color:#10b981;background:#ecfdf5}.opt.incorrect{border-color:#fb7185;background:#fff1f2}.english{font-weight:650}.hindi{font-weight:500;color:#334155;margin-top:6px}.qhead{font-size:19px;line-height:1.5}.source{color:#64748b;font-size:12px;margin-top:10px}.schematic{display:block;max-width:100%;width:100%;border-radius:14px;margin:14px auto;border:1px solid #cadce6}.statements{border-left:3px solid #8b5cf6;padding-left:13px;margin:13px 0}.statement{margin:8px 0}.matrix{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.matrix th{text-align:left;background:#e0f2fe}.matrix td,.matrix th{padding:8px;vertical-align:top;border:1px solid #cbd5e1;width:50%}.palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.palette button{border:1px solid #c5d5df;border-radius:8px;background:#fff;min-height:37px;font-weight:800;font-size:12px}.palette .answered{background:#dcfce7;border-color:#10b981}.palette .marked{outline:2px solid var(--amber)}.palette .current{border:3px solid var(--indigo)}.statuskey{display:flex;gap:13px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:8px}.statuskey b{color:var(--slate)}.examnav{position:sticky;bottom:0;background:#fffffff2;backdrop-filter:blur(15px);border-top:1px solid var(--border);padding:10px 0;display:flex;gap:8px;justify-content:space-between;z-index:3}.reveal{border-left:3px solid #22c55e;background:#f0fdf4;padding:12px;border-radius:8px;margin-top:11px}.feedback{border-left:3px solid #a5b4fc;margin:8px 0;padding:8px 10px;background:#f8fafc;font-size:13px}.score{font-size:50px;font-weight:850;color:#0e7490}.circle{height:120px;width:120px;border-radius:50%;display:grid;place-items:center;margin:15px auto;background:conic-gradient(var(--cyan) var(--p),#e5e7eb var(--p))}.circle span{display:grid;place-items:center;background:#fff;border-radius:50%;height:92px;width:92px;font-size:23px;font-weight:800}.breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.breakdown div{border-radius:12px;background:#f1f5f9;padding:12px;text-align:center}.breakdown strong{font-size:24px;display:block}.review-item{margin:14px 0;padding:15px;border:1px solid var(--border);border-radius:15px}.footer{text-align:center;color:#64748b;font-size:12px;margin:24px}.hide{display:none}@media(max-width:650px){.container{padding:0 12px 75px;margin:12px auto}.card{padding:16px;border-radius:16px}.grid,.fields{grid-template-columns:1fr}.palette{grid-template-columns:repeat(5,1fr)}.qhead{font-size:17px}.top{padding:13px}.topin{align-items:flex-start}.timer{font-size:17px}.examnav .btn{padding:9px;font-size:12px}.matrix{font-size:11px}}@media(prefers-reduced-motion:no-preference){.btn,.opt{transition:background .14s,border-color .14s}}