* { box-sizing: border-box; }
html, body {
  margin: 0;
  min-height: 100%;
  background: #111;
  color: #eee;
  font: 16px/1.4 -apple-system, BlinkMacSystemFont, sans-serif;
}
a { color: #8ecae6; }
#app { max-width: 720px; margin: 0 auto; padding: 20px 16px 48px; }
header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
h1 { font-size: 20px; font-weight: 650; margin: 0; }
h2 { font-size: 16px; margin: 0 0 10px; }
.muted { color: #9aa; font-size: 14px; }
.row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
label span {
  display: block;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 4px;
}
input, button {
  font: inherit;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #333;
  background: #1c1c1c;
  color: #eee;
}
input { width: 100%; padding: 0 12px; }
button { padding: 0 14px; cursor: pointer; }
button.primary { background: #2d6a4f; border-color: #40916c; }
button.danger { background: #3a1d1d; border-color: #9b2226; color: #f2c0c0; }
button.link { background: none; border: 0; height: auto; padding: 0; color: #8ecae6; }
.card {
  background: #181818;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
}
.stack { display: grid; gap: 12px; }
.flash {
  background: #1b2838;
  border: 1px solid #274060;
  color: #cde;
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}
.flash.err { background: #2a1515; border-color: #5c2020; color: #f2c0c0; }
.token {
  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  word-break: break-all;
  background: #0d0d0d;
  border: 1px dashed #444;
  padding: 10px;
  border-radius: 8px;
}
.badge {
  display: inline-block;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #2a2a2a;
  color: #bbb;
}
.badge.idle { background: #1e3a2f; color: #95d5b2; }
.badge.live { background: #3a1d1d; color: #f2c0c0; }
.hint { font-size: 13px; color: #888; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }