:root { color-scheme: light dark; --bg: #fff; --fg: #111; --muted: #666; --line: #ddd; }
@media (prefers-color-scheme: dark) { :root { --bg: #111; --fg: #eee; --muted: #999; --line: #333; } }
body { margin: 0 auto; padding: 16px; background: var(--bg); color: var(--fg);
       font: 17px/1.5 -apple-system, "Segoe UI", Roboto, sans-serif; max-width: 640px; }
h1 { font-size: 24px; line-height: 1.25; margin: 8px 0 16px; }
h2 { font-size: 19px; line-height: 1.3; margin: 28px 0 8px; }
ul { padding-left: 22px; } li { margin-bottom: 8px; }
a { color: inherit; }
.btn { display: inline-block; margin: 8px 0; padding: 12px 20px; border-radius: 12px;
       background: #2481cc; color: #fff; font-weight: 600; text-decoration: none; }
.home { display: inline-block; color: var(--muted); font-size: 15px; }
.tbl { overflow-x: auto; }
table { border-collapse: collapse; min-width: 560px; font-size: 14px; line-height: 1.4; }
th, td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
footer { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--line);
         color: var(--muted); font-size: 15px; }
footer nav a { display: block; margin: 4px 0; }
.pay { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pay svg { width: 64px; height: 40px; }