:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; --bg:#0f172a; --card:#0b1220; --accent:#7dd3fc; --muted:#94a3b8;}
  html,body{height:100%;margin:0;background:linear-gradient(180deg,#071128 0%,#051226 100%);color:#e6eef8}
  .container{max-width:900px;margin:36px auto;padding:24px}
  header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
  header h1{font-size:1.25rem;margin:0}
  .card{background:rgba(255,255,255,0.03);padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.6)}
  .meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:0.9rem}
  .question{margin-top:12px;font-size:1.15rem}
  .option-panel{margin-top:18px;padding:14px;border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));}
  .option-text{font-size:1.05rem}
  .controls{display:flex;gap:12px;margin-top:14px}
  button{appearance:none;border:0;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}
  .select{background:linear-gradient(90deg,#10b981,#06b6d4);color:#042027}
  .reject{background:transparent;border:2px solid rgba(255,255,255,0.06);color:var(--accent)}
  .next{background:rgba(255,255,255,0.04);color:var(--muted)}
  .progress{margin-top:12px;height:10px;background:rgba(255,255,255,0.03);border-radius:999px;overflow:hidden}
  .bar{height:100%;background:linear-gradient(90deg,var(--accent),#60a5fa);width:0%}
  footer{margin-top:18px;color:var(--muted);font-size:0.9rem}
  .summary{margin-top:16px}
  .kbd{display:inline-block;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.03);font-family:monospace;margin-left:8px}
  @media (max-width:600px){.controls{flex-direction:column}button{width:100%}}
  #feedback {
    cursor: pointer;
}

#feedback .continue-hint {
  font-size: 0.85em;
  opacity: 0.7;
  display: block;
  margin-top: 6px;
}

a {
  color: var(--accent);
  text-decoration: none;
  transition: opacity 0.2s;
}
a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

#setup select {
  width: 100%;
  padding: 10px;
  margin-top: 8px;
  background: #1e293b;
  color: #e6eef8;
  border: 1px solid #334155;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  outline: none;
}
#setup select:focus {
  border-color: var(--accent);
}
#setup label {
  font-size: 0.9rem;
  color: #94a3b8;
}