:root[data-theme="day"] {
  --bg: #f6f7fb;
  --card: #ffffff;
  --text: #0b0f14;
  --muted: #4b5563;
  --border: #e5e7eb;
}

:root[data-theme="night"] {
  --bg: #0b0f14;
  --card: #121a24;
  --text: #e7eef7;
  --muted: #a7b3c2;
  --border: #223043;
}

body {
  margin: 0;
  padding: 24px;
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, Arial, sans-serif;
}

.card {
  max-width: 920px;
  margin: 0 auto;
  background: var(--card);
  border: 1px solid var(--border);
  padding: 20px;
  border-radius: 14px;
}

.muted { color: var(--muted); }
.big { font-size: 28px; margin: 8px 0; }

table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { border-bottom: 1px solid var(--border); padding: 8px; text-align: left; font-size: 13px; }