:root { --fg:#1d2433; --muted:#5b6475; --accent:#e0711c; --bg:#fff; --line:#e6e8ee; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8eaf0; --muted:#a3abbb; --bg:#14171f; --line:#2a2f3b; } }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg); background:var(--bg); }
header,main,footer { max-width:46rem; margin:0 auto; padding:1.25rem; }
header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; border-bottom:1px solid var(--line); }
header a.brand { font-weight:700; color:var(--fg); text-decoration:none; }
nav a { margin-left:1rem; color:var(--muted); text-decoration:none; }
nav a:hover, a { color:var(--accent); }
h1 { line-height:1.2; }
.meta, footer { color:var(--muted); font-size:.9rem; }
footer { border-top:1px solid var(--line); margin-top:3rem; }
.app { display:flex; gap:1rem; align-items:center; }
.app img { width:64px; height:64px; }
table { border-collapse:collapse; width:100%; }
td,th { border:1px solid var(--line); padding:.4rem .6rem; text-align:left; vertical-align:top; }