:root{
    --bg:#0b0f19;
    --text:rgba(255,255,255,.92);
    --muted:rgba(255,255,255,.70);
    --card:rgba(255,255,255,.06);
    --border:rgba(255,255,255,.10);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
    margin:0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    color:var(--text);
    background:
            radial-gradient(900px 500px at 10% 10%, rgba(99,102,241,0.25), transparent 55%),
            radial-gradient(800px 480px at 90% 20%, rgba(236,72,153,0.18), transparent 55%),
            radial-gradient(900px 520px at 60% 90%, rgba(34,197,94,0.12), transparent 55%),
            var(--bg);
}

.wrap{width:min(900px,100%); margin:0 auto; padding:22px 16px 38px}
.topbar{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 14px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--card);
}
.brand{color:var(--text); text-decoration:none; font-weight:700; letter-spacing:-.01em}
.nav a{
    color:var(--muted); text-decoration:none; margin-left:14px; font-size:14px;
}
.nav a:hover{color:var(--text)}
.content{
    margin-top:16px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(255,255,255,.04);
    padding:22px;
}
.footer{
    margin-top:14px;
    color:rgba(255,255,255,.55);
    font-size:13px;
    display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}
.footer a{color:rgba(255,255,255,.75); text-decoration:none}
.footer a:hover{color:var(--text)}
.sep{opacity:.5}

h1,h2,h3{letter-spacing:-.02em; margin:0 0 10px}
p,li{color:var(--muted); line-height:1.7}
a{color:rgba(255,255,255,.85)}
a:hover{color:var(--text)}

.post-title{margin:0 0 6px; font-size:clamp(26px,3.2vw,36px)}
.post-meta{color:rgba(255,255,255,.55); font-size:13.5px; margin-bottom:18px}
.post-body img{max-width:100%; border-radius:12px; border:1px solid var(--border)}
pre,code{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
pre{
    padding:14px;
    overflow:auto;
    border-radius:12px;
    border:1px solid var(--border);
    background:rgba(0,0,0,.35);
}
code{background:rgba(255,255,255,.06); padding:2px 6px; border-radius:8px}