:root { --bg:#fbf8f3; --fg:#2d2a32; --muted:#6b6672; --card:#fff; --line:#e9e2d8; --accent:#b0476a; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#1d1b21; --fg:#ece8f0; --muted:#a29dab; --card:#26232b; --line:#3a3641; --accent:#e38aa8; } }
:root[data-theme="dark"] { --bg:#1d1b21; --fg:#ece8f0; --muted:#a29dab; --card:#26232b; --line:#3a3641; --accent:#e38aa8; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width:780px; margin:0 auto; padding:24px 16px 64px; }
nav { display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:18px; font-size:15px; }
a { color:var(--accent); }
h1 { font-size:28px; line-height:1.25; margin:0 0 4px; } h2 { font-size:19px; margin:30px 0 6px; color:var(--accent); } h3 { font-size:16px; margin:18px 0 4px; }
.muted { color:var(--muted); } .card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 18px; margin:16px 0; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:15px; } td, th { text-align:left; padding:6px 8px; border-bottom:1px solid var(--line); vertical-align:top; }