:root{--bg:#f4f6fb;--card:#fff;--ink:#1c2333;--mute:#667085;--line:#e3e7ef;--pri:#3b5bdb;--ok:#1f9d55;--okbg:#e6f6ec;--bad:#d64545;--badbg:#fdeaea}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans Devanagari","Nirmala UI",Mangal,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.6;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}
.app{max-width:720px;margin:0 auto;padding:14px 14px 28px}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
h1{font-size:1.1rem;color:var(--pri)}
.score{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:.95rem;white-space:nowrap}
.meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;color:var(--mute);margin-bottom:6px;flex-wrap:wrap}
.chip{background:#e8edff;color:var(--pri);border-radius:999px;padding:1px 10px;font-size:.8rem}
.track{height:8px;background:#dde3f3;border-radius:99px;overflow:hidden;margin-bottom:12px}
#bar{height:100%;width:0;background:var(--pri);border-radius:99px;transition:width .3s}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 2px 10px rgba(20,30,60,.05)}
h2{font-size:1.2rem;line-height:1.55;margin-bottom:12px;overflow-wrap:anywhere}
.opts{display:grid;gap:10px;margin:14px 0}
.opt{display:flex;gap:12px;align-items:center;width:100%;text-align:left;font:inherit;color:inherit;background:#fff;border:2px solid var(--line);border-radius:14px;padding:12px 14px;min-height:52px;cursor:pointer;transition:border-color .15s,background .15s;overflow-wrap:anywhere}
.opt b{flex:none;width:30px;height:30px;border-radius:50%;background:#eef1f8;display:grid;place-items:center;font-size:.9rem}
.opt:hover:not([aria-disabled]){border-color:var(--pri)}
.opt[aria-disabled]{cursor:default}
.opt.ok{background:var(--okbg);border-color:var(--ok)}.opt.ok b{background:var(--ok);color:#fff}
.opt.bad{background:var(--badbg);border-color:var(--bad)}.opt.bad b{background:var(--bad);color:#fff}
.spk{font:inherit;font-size:.92rem;background:#eef1ff;color:var(--pri);border:1px solid #c9d3ff;border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer}
.spk.on{background:var(--pri);color:#fff}
.fb{border-top:1px dashed var(--line);padding-top:14px;display:grid;gap:8px;justify-items:start}
.fbmsg{font-weight:700}.fbmsg.ok{color:var(--ok)}.fbmsg.bad{color:var(--bad)}
.src{font-size:.8rem;color:var(--mute)}
.nav{display:flex;gap:10px;margin-top:14px}
.btn{flex:1;font:inherit;font-weight:600;background:var(--pri);color:#fff;border:0;border-radius:14px;padding:12px;min-height:50px;cursor:pointer}
.btn.ghost{background:#fff;color:var(--pri);border:2px solid var(--pri)}
.btn.accent{background:var(--ok)}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn[hidden],[hidden]{display:none!important}
.big{font-size:2.6rem;font-weight:800;color:var(--pri);text-align:center;margin:8px 0}
.stats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0}
.stats li{background:var(--bg);border-radius:12px;padding:10px;text-align:center;font-size:.9rem;color:var(--mute)}
.stats b{display:block;font-size:1.5rem;color:var(--ink)}
.msg{text-align:center;font-weight:600;margin:12px 0}
@media(min-width:600px){body{font-size:18px}.app{padding:28px 20px}.stats{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}