:root{--bg:#101010;--panel:rgba(255,255,255,.02);--text:#e9eef2;--muted:#a5b4c0;--border:rgba(255,255,255,.09);--link:#d7e6ff;--gutter:30px;--leftW:300px;--rightW:280px;--centerMax:980px;--topOffset:18px;--radius:8px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.sidebar{position:fixed;top:40%;bottom:auto;transform:translateY(-40%);max-height:calc(100vh - (var(--topOffset) * 2));width:var(--leftW);overflow:auto;z-index:10}.sidebar-left{left:var(--gutter);width:var(--leftW)}.sidebar-right{right:var(--gutter);width:var(--rightW)}.main{min-height:100vh;padding-top:var(--topOffset);padding-bottom:var(--topOffset);padding-left:calc(var(--gutter) + var(--leftW) + var(--gutter));padding-right:calc(var(--gutter) + var(--rightW) + var(--gutter))}.main-inner{max-width:var(--centerMax);margin:0 auto;padding:0 18px}.profile{padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:16px;text-align:center}.avatar img{object-fit:cover}.socials{margin-top:14px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px}.center{min-width:0}.topnav{display:flex;gap:18px;padding:10px 0 16px;border-bottom:1px solid var(--border);margin-bottom:18px}.topnav a{color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.topnav a.active,.topnav a:hover{color:var(--text)}.post-header h1{margin:0 0 10px;font-size:44px;line-height:1.15}.post-meta{color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:18px}.post-content img{max-width:100%;border-radius:12px;border:1px solid var(--border)}.toc{padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.toc-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.toc nav ul{list-style:none;padding-left:0;margin:0}.toc nav ul li{margin:8px 0}.toc nav ul li a{color:var(--muted);font-size:13px}.toc nav ul li a:hover{color:var(--text)}.list-title{margin:0 0 14px;font-size:34px}.post-list{display:flex;flex-direction:column;gap:12px}.post-card{display:block;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.post-card-title{font-size:28px;font-weight:650;line-height:1.2;color:var(--text)}.post-card-meta{font-size:12px;color:var(--muted);margin-top:6px}.post-card-summary{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.6}@media(max-width:1200px){.sidebar-right{display:none}.main{padding-right:calc(var(--gutter) + 18px)}}@media(max-width:860px){.sidebar{position:relative;top:auto;bottom:auto;width:auto;left:auto;right:auto;margin:18px var(--gutter)0;max-height:none}.main{padding-left:0;padding-right:0;padding-top:0}.main-inner{margin:0;padding:18px var(--gutter);max-width:100%}}