:root {
  --bg: #0ea5e9;
  --fg: #0b1221;
  --text: #0b1221;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: system-ui, Arial, sans-serif; }

.app-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem; background: var(--bg); color: white;
}

main { padding: 1rem; max-width: 720px; margin: 0 auto; }
button {
  background: white; color: var(--bg);
  border: 2px solid white; border-radius: 8px;
  padding: 0.5rem 1rem; font-weight: 600; cursor: pointer;
}
button:hover { opacity: 0.9; }
footer { padding: 1rem; text-align: center; color: #4b5563; }
#status { margin-top: 1rem; font-weight: 600; }