:root { color-scheme: light dark; --bg:#fff; --fg:#1b1f23; --accent:#0b6bcb; }
@media (prefers-color-scheme: dark) { :root { --bg:#14171a; --fg:#e6e8ea; --accent:#5aa9ff; } }
body { margin:0; font:16px/1.5 system-ui, "Noto Sans Thai", sans-serif; background:var(--bg); color:var(--fg); }
header { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid #8884; }
h1 { font-size:18px; margin:0; }
main { padding:16px; max-width:960px; margin:0 auto; }
.badge { font-size:12px; padding:2px 8px; border-radius:999px; background:var(--accent); color:#fff; text-transform:uppercase; }