:root{--bg:#000;--fg:#dff;--accent1:#f0f;--accent2:#0ff;--muted:#7aa;--link:#9ff;--linkhover:#fff;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;padding:32px;background:var(--bg);color:var(--fg);font-family:var(--mono);line-height:1.5;background-image:linear-gradient(to bottom, rgba(255,255,255,.02), rgba(255,255,255,0) 2px),repeating-linear-gradient(180deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 2px, transparent 4px);background-attachment:fixed}
a{color:var(--link);text-decoration:none}a:hover{text-shadow:0 0 6px var(--accent2);color:var(--linkhover)}
.wrap{max-width:880px;margin:0 auto}
.header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:1px dashed rgba(255,255,255,.2);padding-bottom:12px}
.brand{font-size:18px;letter-spacing:1px}
.badge{padding:3px 8px;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:var(--muted)}
.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{padding:4px 8px;border:1px dashed rgba(255,255,255,.25);border-radius:8px}
h1{font-size:28px;text-shadow:2px 0 var(--accent1), -2px 0 var(--accent2)}h2{font-size:22px}h3{font-size:18px}
.footer{margin-top:40px;border-top:1px dashed rgba(255,255,255,.2);padding-top:12px;color:var(--muted);font-size:14px}
.post-meta{color:var(--muted);font-size:14px;margin-top:-8px}
.button{display:inline-block;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:10px}
pre,code{background:rgba(255,255,255,.05);padding:2px 6px;border-radius:6px}
ul.archive{list-style:none;padding-left:0}ul.archive li{margin:8px 0;border-left:2px solid rgba(255,255,255,.15);padding-left:10px}
.note{border:1px dashed rgba(255,255,255,.25);padding:12px;border-radius:10px;background:rgba(255,255,255,.02)}
hr{border:0;border-top:1px dashed rgba(255,255,255,.25);margin:24px 0}small{color:var(--muted)}