:root{--bg:#F4F3FA;--fg:#1B1A2E;--muted:#5F5C76;--line:#DEDBEC;--accent:#4C46C8;--brand:#2E2482;--warn:#FFF4D6;--warn-fg:#6B4A00;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#11101B;--fg:#EEEDF7;--muted:#A9A6C0;--line:#2F2D45;--accent:#8C86FF;--brand:#C9C0FF;--warn:#3A2F12;--warn-fg:#F2D48A;color-scheme:dark}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 "Noto Sans",system-ui,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:24px 20px 64px}
a{color:var(--accent)}
.logo{display:inline-flex;align-items:center;gap:8px;font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:26px;letter-spacing:-.04em;color:var(--brand);text-decoration:none}
h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:38px;line-height:1.1;margin:28px 0 6px}
h2{font-size:19px;margin:32px 0 6px}
.meta{color:var(--muted);margin:0 0 20px}
.todo{background:var(--warn);color:var(--warn-fg);padding:2px 6px;border-radius:4px}
table{border-collapse:collapse;width:100%;font-size:15px}
td,th{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
.tbl{overflow-x:auto}
ul{padding-left:22px}
li{margin:4px 0}