:root { color-scheme: light; --fg: #303030; --muted: #616161; --bg: #f1f1f1; --card: #fff; --warn: #fff4e5; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.wrap { max-width: 960px; margin: 0 auto; padding: 24px 16px; }
h1 { font-size: 20px; margin: 0 0 4px; }
.muted { color: var(--muted); }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin-top: 16px; }
.card { background: var(--card); border-radius: 12px; padding: 16px; box-shadow: 0 1px 0 rgba(0,0,0,.07); }
.card .value { font-size: 28px; font-weight: 650; }
.card .label { color: var(--muted); }
.note { background: var(--warn); border-radius: 8px; padding: 8px 12px; margin: 8px 0 0; }
.error { color: #8e1f0b; }