:root{--bg:#0d1020;--fg:#e4e6ef;--muted:#8b90a8;--accent:#f0c674;--line:#22263d;--card:#131733}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 "PT Serif",Georgia,serif;
background-image:radial-gradient(1px 1px at 20% 30%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 70% 10%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 85% 60%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 40% 80%,#fff5 50%,transparent 51%);background-attachment:fixed}
.wrap{max-width:700px;margin:0 auto;padding:40px 20px 80px}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:34px;gap:8px}
.brand{font-weight:700;color:var(--fg);text-decoration:none;font-size:21px;letter-spacing:.3px}
.brand span{color:var(--accent)}
nav a{color:var(--muted);text-decoration:none;margin-left:16px;font:15px system-ui,sans-serif}
nav a:hover,a{color:var(--accent)}
h1{font-size:30px;line-height:1.25;margin:0 0 6px}h2{font-size:22px;margin:34px 0 6px}
.meta{color:var(--muted);font:14px system-ui,sans-serif;margin-bottom:18px}
.post{padding:18px 0;border-bottom:1px solid var(--line)}.post h2{margin:0 0 2px}.post h2 a{color:var(--fg);text-decoration:none}
table{border-collapse:collapse;width:100%;font:15px system-ui,sans-serif;margin:14px 0}
td,th{border-bottom:1px solid var(--line);padding:7px 6px;text-align:left}th{color:var(--muted);font-weight:500}
.note{background:var(--card);border-left:3px solid var(--accent);padding:10px 14px;font-size:15px;margin:18px 0}
footer{margin-top:60px;color:var(--muted);font:14px system-ui,sans-serif}