:root{
  --bg:#f6f8fa;
  --card:#ffffff;
  --accent:#2b6ef6;
  --muted:#666;
}
*{box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,Arial}
body{margin:0;background:var(--bg);display:flex;min-height:100vh;align-items:center;justify-content:center}
.container{width:100%;max-width:640px;padding:20px}
.card{background:var(--card);padding:22px;border-radius:12px;box-shadow:0 8px 30px rgba(20,20,60,0.06)}
h1{margin:0 0 12px;font-size:22px}
.status{color:var(--muted)}
.question{font-weight:600;font-size:18px;margin:18px 0}
.buttons{display:flex;gap:12px}
button{background:var(--accent);color:white;border:0;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}
button#no-btn{background:#555}
.controls{margin-top:16px;display:flex;gap:10px}
.controls button{background:#222;padding:8px 12px}
.hidden{display:none}
.guess{font-size:20px;font-weight:700;margin:12px 0}
.guess-actions{display:flex;gap:8px;flex-wrap:wrap}
#candidates-list select {
  width: 100%;
  padding: 6px;
  font-size: 14px;
}
footer{margin-top:14px;text-align:center;color:var(--muted)}