:root{ --bg:#0b0f17; --card:#121a27; --muted:#8fa2c3; --text:#e7eefc; --acc:#4da3ff; --bad:#ff4d4d; --ok:#51d18a; }
*{ box-sizing:border-box; font-family:system-ui,-apple-system,Segoe UI,Roboto; }
body{ margin:0; background:var(--bg); color:var(--text); }
.wrap{ max-width:980px; margin:0 auto; padding:14px; }
.top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.title{ margin:8px 0; font-size:18px; }
.status{ font-size:12px; color:var(--muted); }
.foot{ margin-top:20px; color:var(--muted); font-size:12px; }
.card{ background:var(--card); border:1px solid rgba(255,255,255,0.06); border-radius:12px; padding:12px; }
.row{ display:flex; align-items:center; gap:10px; }
.wrapRow{ flex-wrap:wrap; }
.grid2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
@media(max-width:700px){ .grid2{ grid-template-columns:1fr; } }
.sp10{ height:10px; }
.sp14{ height:14px; }
.muted{ color:var(--muted); font-size:12px; }
.big{ font-size:14px; }
.input{ width:100%; padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); background:#0f1622; color:var(--text); }
.btn{ padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); background:#0f1622; color:var(--text); cursor:pointer; }
.btn:hover{ border-color:rgba(255,255,255,0.22); }
.btn.primary{ background:rgba(77,163,255,0.15); border-color:rgba(77,163,255,0.45); }
.btn.danger{ background:rgba(255,77,77,0.12); border-color:rgba(255,77,77,0.45); }
.btn:disabled{ opacity:.45; cursor:not-allowed; }

.pill{ display:inline-block; padding:5px 8px; border-radius:999px; background:#0f1622; border:1px solid rgba(255,255,255,0.08); font-size:12px; color:var(--muted); }

.answersGrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
@media(max-width:700px){ .answersGrid{ grid-template-columns:1fr; } }

.answerBtn{ padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,0.08); background:#0f1622; color:var(--text); text-align:left; cursor:pointer; }
.answerBtn.selected{ border-color:rgba(77,163,255,0.8); box-shadow:0 0 0 2px rgba(77,163,255,0.2) inset; }
.answerBtn.removed{ opacity:.35; }
.answerBtn.correct{ border-color:rgba(81,209,138,0.8); }
.answerBtn.wrong{ border-color:rgba(255,77,77,0.8); }

.qHead{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.qText{ margin-top:8px; }

.a1mGrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
@media(max-width:700px){ .a1mGrid{ grid-template-columns:1fr; } }
.a1mCell{ padding:10px; border-radius:12px; border:1px solid rgba(255,255,255,0.08); background:#0f1622; }
.trapTop{ display:flex; justify-content:space-between; gap:10px; margin-bottom:8px; }
.trapPct{ color:var(--acc); font-weight:600; }
.a1mRange{ width:100%; }
.btn.mini{ padding:8px 10px; font-size:12px; }