:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #0b1020;
  color: #edf2ff;
}

body { margin: 0; }
main { max-width: 860px; margin: 0 auto; padding: 28px 18px 60px; }
h1 { margin-bottom: 6px; font-size: clamp(1.8rem, 5vw, 2.8rem); }
h2 { margin-top: 0; font-size: 1.2rem; }
.lede { color: #b8c5e6; margin-top: 0; }
.card { background: #151d33; border: 1px solid #2c3857; border-radius: 14px; padding: 20px; margin: 18px 0; box-shadow: 0 12px 34px #0005; }
dl { margin: 0; }
dl div { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 7px 0; }
dt { color: #9fb0d5; }
dd { margin: 0; overflow-wrap: anywhere; }
code, pre, textarea { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
textarea { width: 100%; box-sizing: border-box; margin: 8px 0 12px; padding: 12px; border-radius: 8px; border: 1px solid #405178; background: #080d19; color: #eef3ff; }
button { border: 0; border-radius: 9px; padding: 11px 15px; background: #3478f6; color: white; font-weight: 650; cursor: pointer; }
button:disabled { background: #4a5264; cursor: not-allowed; opacity: .7; }
.check { display: block; margin: 0 0 14px; }
.status { font-weight: 650; }
.good { color: #65e29c; }
.bad { color: #ff8e93; }
.wait { color: #f2cc6b; }
.sensitive { margin-top: 15px; padding: 13px; border: 1px solid #74544b; border-radius: 9px; background: #291d1c; }
#clearCountdown { margin-left: 10px; color: #f2cc6b; }
pre { min-height: 90px; max-height: 480px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; background: #080d19; border-radius: 9px; padding: 14px; }
@media (max-width: 560px) { dl div { grid-template-columns: 1fr; gap: 2px; } }