body { font-family: Arial, sans-serif; background: #f8f8f8; }
.container { max-width: 450px; margin: 40px auto; background: #fff; border-radius: 14px; box-shadow: 0 2px 12px #0002; padding: 2em; text-align: center;}
button { padding: 12px 28px; margin: 10px; border: none; border-radius: 6px; background: #2557a7; color: #fff; font-size: 1.1em; cursor: pointer; transition: background 0.2s;}
button:disabled { background: #bcbcbc; }
.hidden { display: none; }
.q { font-size: 1.15em; font-weight: bold; margin: 1em 0 0.5em 0;}
#status { margin-top: 20px; color: #06844d; font-weight: bold; }
@media (max-width:600px) {
  .container { padding: 1em; }
  button { font-size: 1em; padding: 10px 10px; }
}