:root{--bg:#fff;--fg:#111;--line:color-mix(in srgb, var(--fg) 18%, transparent);--muted:color-mix(in srgb, var(--fg) 60%, transparent);--accent:#1c7ed6;--ok:#2f9e44;--bad:#e03131;--warn:#e8590c;--mid:#f2b705}@media (prefers-color-scheme:dark){:root{--bg:#0f0f10;--fg:#f2f2f2}}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,Noto Sans Thai,sans-serif}.shell{max-width:640px;margin:0 auto;padding:24px 16px}