:root {
  color: #172033;
  background: #f5f8fc;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background: linear-gradient(145deg, #e8f2ff 0%, #f7f9fd 48%, #edf2f9 100%);
}

.shell {
  width: min(100%, 680px);
  margin: 0 auto;
  padding: max(28px, env(safe-area-inset-top)) 20px max(32px, env(safe-area-inset-bottom));
}

.eyebrow {
  margin: 0 0 8px;
  color: #0a5fba;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

h1, h2 { margin: 0; }
h1 { font-size: clamp(2rem, 9vw, 3rem); line-height: 1.06; }
h2 { font-size: 1.06rem; }

.intro, .privacy {
  color: #526078;
  line-height: 1.52;
}

.actions, .status-card {
  margin-top: 24px;
  padding: 20px;
  border: 1px solid #d6e0ed;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 40px rgba(20, 57, 108, 0.08);
}

.actions { display: grid; gap: 12px; }

button {
  min-height: 48px;
  padding: 12px 18px;
  border: 0;
  border-radius: 12px;
  background: #0a5fba;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

button:disabled { cursor: wait; opacity: 0.64; }
button.secondary { border: 1px solid #adc2de; background: #fff; color: #245179; }

.error { min-height: 1.25em; margin: 0; color: #b42318; line-height: 1.4; }

dl { margin: 16px 0 0; }
dl div {
  display: grid;
  grid-template-columns: minmax(128px, 40%) 1fr;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #e4ebf4;
}
dt { color: #526078; }
dd { margin: 0; overflow-wrap: anywhere; font-weight: 600; }
.mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 0.84rem; }
.privacy { margin: 22px 2px 0; font-size: 0.9rem; }

@media (max-width: 420px) {
  .shell { padding-right: 14px; padding-left: 14px; }
  .actions, .status-card { padding: 16px; border-radius: 14px; }
  dl div { grid-template-columns: 1fr; gap: 4px; }
}