:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: #0b0e14; color: #e6e9ef;
  font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.testnet-ribbon {
  background: #7a4d00; color: #ffd97a; text-align: center;
  padding: 6px 12px; font-weight: 600; letter-spacing: .04em;
}
main { max-width: 560px; margin: 0 auto; padding: 24px 16px 48px; flex: 1; width: 100%; }
h1 { margin: 8px 0 0; font-size: 26px; }
.subtitle { color: #9aa4b2; margin-top: 4px; }
.card {
  background: #131824; border: 1px solid #232b3b; border-radius: 10px;
  padding: 18px; margin-top: 16px;
}
.hidden { display: none; }
button, .button {
  display: inline-block; margin-top: 12px; padding: 10px 18px;
  background: #2b6cb0; color: #fff; border: 0; border-radius: 8px;
  font-size: 16px; font-weight: 600; cursor: pointer; text-decoration: none;
}
button:disabled { background: #3a4356; cursor: not-allowed; }
code { background: #1d2433; padding: 2px 6px; border-radius: 4px; word-break: break-all; }
table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 14px; }
td { border-top: 1px solid #232b3b; padding: 6px 8px; vertical-align: top; }
td.k { color: #9aa4b2; white-space: nowrap; }
td.v { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
.plain { background: #10202e; border-left: 3px solid #2b6cb0; padding: 10px 12px; border-radius: 4px; }
.hint { color: #9aa4b2; font-size: 13px; }
.notice { color: #ffd97a; }
.error { color: #ff8a8a; }
.countdown { color: #9aa4b2; text-align: center; font-size: 13px; }
.anti-phishing {
  background: #131824; border-top: 1px solid #232b3b; color: #9aa4b2;
  text-align: center; padding: 12px 16px; font-size: 13px;
}
.anti-phishing strong { color: #e6e9ef; }