:root {
    --bg: #0f0f1a;
    --panel: #1a1a2e;
    --primary: #00ff88;
    --secondary: #8888cc;
    --text: #e0e0e0;
    --dim: #666;
    --border: #2a2a4a;
    --code-bg: #141428;
    --max-w: 720px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',monospace;background:var(--bg);color:var(--text);line-height:1.75;min-height:100vh}
main{max-width:var(--max-w);margin:0 auto;padding:3rem 1.5rem}
h1{font-size:2rem;color:var(--primary);margin-bottom:.5rem}
h2{font-size:1.35rem;color:var(--primary);margin:2rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}
h3{font-size:1.1rem;color:var(--primary);margin:1.5rem 0 .5rem}
p{margin:.75rem 0}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
code{background:var(--code-bg);padding:.15em .4em;border-radius:4px;font-size:.9em;color:var(--secondary)}
pre{background:var(--code-bg);padding:1rem 1.2rem;border-radius:8px;border:1px solid var(--border);overflow-x:auto;margin:1rem 0;line-height:1.5}
pre code{background:none;padding:0;color:var(--text)}
table{width:100%;border-collapse:collapse;margin:1rem 0}
th,td{padding:.5rem .75rem;border:1px solid var(--border);text-align:left;font-size:.9rem}
th{background:var(--panel);color:var(--primary)}
blockquote{border-left:3px solid var(--primary);padding:.5rem 1rem;margin:1rem 0;background:var(--panel);border-radius:0 6px 6px 0;color:var(--dim)}
article header{margin-bottom:2rem}
.post-list a{display:block;padding:.75rem 0;border-bottom:1px solid var(--border)}
.post-list a:hover{text-decoration:none;background:var(--panel);margin:0 -1rem;padding:.75rem 1rem;border-radius:6px}
.post-list time{color:var(--dim);font-size:.85rem}
.tag{display:inline-block;background:var(--panel);color:var(--secondary);padding:.15em .6em;border-radius:4px;font-size:.8rem;margin:.2rem}
.nav{display:flex;gap:1rem;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.nav a{color:var(--dim)}
.nav a:hover{color:var(--primary)}
.dual{display:flex;gap:2rem;margin:1.5rem 0}
.dual>*{flex:1}
.reg-table td:first-child{width:50%;font-family:monospace;color:var(--primary)}
@media(max-width:600px){main{padding:2rem 1rem}.dual{flex-direction:column}}