:root{--bg:#0f1724;--card:#0b1220;--muted:#9aa4b2;--text:#e6eef6;--accent:#4f46e5;--accent-2:#06b6d4;--glass:rgba(255,255,255,0.04);--glass-2:rgba(255,255,255,0.02);--radius:14px;--max-width:1100px;--content-width:1100px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono",monospace;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--shadow:0 6px 30px rgba(2,6,23,0.6)}main.site{display:flex;justify-content:center;font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}article.post{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.03);width:100%;max-width:var(--content-width);margin:25px auto}article .kicker{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--glass);color:var(--muted);font-weight:600;font-size:13px}article h1{font-size:28px;margin:12px 0 6px;color:var(--text);letter-spacing:-.2px}article .meta{color:var(--muted);font-size:14px;margin-bottom:18px}article .hero{display:block;border-radius:10px;overflow:hidden;margin:18px 0;background:linear-gradient(90deg,var(--glass),var(--glass-2));padding:14px}.hero img{width:100%;display:block;height:auto;border-radius:8px}article .content{font-size:17px;color:var(--text)}article .content p{margin:14px 0}article .content h2{margin:20px 0 10px;font-size:20px}article .content h3{margin:16px 0 8px;font-size:18px}article .content ul{padding-left:20px;margin:12px 0}article .content code,pre{font-family:var(--mono);font-size:13px}pre{background:rgba(10,12,18,.6);padding:14px;border-radius:8px;overflow:auto;border:1px solid rgba(255,255,255,.03)}.cta{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;text-decoration:none}.sidebar{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:12px;padding:20px;height:fit-content;border:1px solid rgba(255,255,255,.03)}.author{display:flex;gap:12px;align-items:center}.author img{width:56px;height:56px;border-radius:10px;object-fit:cover}.author .by{font-weight:700}.small{font-size:13px;color:var(--muted)}.toc{margin-top:16px}.toc a{display:block;padding:8px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:14px}.toc a:hover{background:var(--glass);color:var(--text)}.related{margin-top:18px}.related .card{padding:10px;border-radius:8px;margin-bottom:10px;background:var(--glass)}.muted{color:var(--muted)}.kbd{background:#071827;border-radius:6px;padding:4px 8px;border:1px solid rgba(255,255,255,.03);font-family:var(--mono);font-size:13px}.teaser{display:flex;gap:12px;align-items:center}.teaser .thumb{width:64px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--glass),var(--glass-2));display:block}.teaser .title{font-weight:700;font-size:14px}@media (max-width:980px){.site{grid-template-columns:1fr}body{padding:20px}}.post-footer{margin-top:22px;border-top:1px dashed rgba(255,255,255,.03);padding-top:14px;font-size:13px;color:var(--muted)}