*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0f0f1a;color:#fff}
#app{max-width:480px;margin:0 auto;padding:16px calc(16px + env(safe-area-inset-right))  calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}
.screen{display:none}.screen.active{display:block}
h1{font-size:28px;margin:12px 0}h2{font-size:20px;line-height:1.4}
.sub{color:#aaa;font-size:14px}
label{display:block;margin:14px 0 6px;font-size:13px;color:#ccc}
.row{display:flex;gap:8px;flex-wrap:wrap}
.chip{flex:1;min-height:48px;border-radius:12px;border:1px solid #444;background:#1c1c2e;color:#fff;font-size:15px}
.chip.active{border-color:#ff3d5a;background:#2a1530}
.chip:disabled{opacity:.4}
input{width:100%;min-height:52px;border-radius:12px;border:1px solid #444;background:#1c1c2e;color:#fff;font-size:17px;padding:0 14px}
.primary{display:block;width:100%;min-height:56px;margin-top:16px;border:0;border-radius:14px;background:#ff3d5a;color:#fff;font-size:18px;font-weight:700}
.secondary{display:block;width:100%;min-height:52px;margin-top:10px;border-radius:14px;border:1px solid #555;background:#1c1c2e;color:#fff;font-size:16px}
.topbar{display:flex;justify-content:space-between;font-size:15px;margin:8px 0}
#q-timer{font-weight:800;color:#ffd166}
.progressbar{height:6px;background:#222;border-radius:4px;margin-bottom:12px}
#q-bar{height:100%;width:0;background:#ff3d5a;border-radius:4px}
#q-opts{display:grid;gap:10px;margin-top:12px}
.opt{min-height:56px;border-radius:12px;border:1px solid #444;background:#1c1c2e;color:#fff;font-size:16px;text-align:left;padding:12px 14px}
.opt.correct{border-color:#2ecc71;background:#123322}
.opt.wrong{border-color:#e74c3c;background:#331414}
.opt:disabled{opacity:.85}
.fact{color:#ffd166;font-size:14px;min-height:20px}
.verdict-ok{color:#2ecc71;font-weight:800}
.verdict-bad{color:#e74c3c;font-weight:800}
.count{color:#fff;font-size:16px;font-weight:700;min-height:22px;text-align:center}
.hidden{display:none}
.big{font-size:40px;font-weight:800;margin:8px 0}
.share-row{display:grid;gap:10px;margin-top:8px}
#r-board{background:#1c1c2e;border-radius:12px;padding:12px 12px 12px 32px}
#r-board li{padding:6px 0;font-size:16px}