:root { --bg:#f6f5f2; --panel:#fff; --ink:#1d1d1b; --muted:#77736b; --line:#e3e0d8; --accent:#2f5d50; }
@media (prefers-color-scheme: dark) { :root { --bg:#161614; --panel:#201f1d; --ink:#ecebe6; --muted:#9a968d; --line:#34322e; --accent:#7fb8a5; } }
body { margin:0; font:16px/1.55 system-ui, sans-serif; background:var(--bg); color:var(--ink); }
main { max-width:760px; margin:0 auto; padding:24px 16px 48px; }
h1 { font-size:26px; margin:8px 0 4px; } h2 { font-size:19px; margin:28px 0 8px; }
p.meta { color:var(--muted); font-size:14px; margin:0 0 20px; }
a { color:var(--accent); }
nav { font-size:14px; color:var(--muted); display:flex; gap:14px; flex-wrap:wrap; padding:14px 0; border-bottom:1px solid var(--line); }
.confirm { background:#fff3cd; color:#5c4400; padding:0 4px; border-radius:4px; }
@media (prefers-color-scheme: dark) { .confirm { background:#4a3a08; color:#ffe9a8; } }
table { border-collapse:collapse; width:100%; font-size:15px; } td, th { border:1px solid var(--line); padding:6px 8px; text-align:left; vertical-align:top; }