:root{--bg:#fff;--fg:#1a1a1a;--muted:#666;--border:#e5e5e5;--accent:#5b3fd6;--code-bg:#f5f5f7;--demo-accent:#5b3fd6;--content-width:50rem;--sidebar-width:16rem;--sidebar-bg:radial-gradient(circle at 50% 22%, #242424 0%, #1d1f27 100%);--sidebar-fg:#b6b6c2;--sidebar-muted:#85858f;--sidebar-border:#ffffff0f;--brand:#8b6cff;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#e7e7ea;--muted:#9a9aa5;--border:#262a33;--accent:#a78bff;--code-bg:#171a21;--demo-accent:#a78bff}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);margin:0;font-size:18px;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#sidebar{height:100%;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:99;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.profile{text-align:center;flex-direction:column;align-items:center;margin:2.25rem 1.25rem 1.5rem;display:flex}.avatar{border-radius:50%;width:7rem;height:7rem;transition:transform .4s;overflow:hidden;box-shadow:0 0 0 3px #ffffff0f,0 6px 20px #00000080}.avatar:hover{transform:scale(1.04)}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.site-title{letter-spacing:.2px;color:#f2f2f5;margin-top:1rem;font-size:1.6rem;font-weight:900;line-height:1.15}.site-title:hover{color:var(--brand);text-decoration:none}.site-tagline{color:var(--sidebar-muted);margin:.4rem 0 0;font-size:.82rem;font-style:italic}.sidebar-nav{width:100%}.sidebar-nav ul{flex-direction:column;gap:.15rem;margin:0;padding:0 .75rem;list-style:none;display:flex}.nav-link{color:var(--sidebar-fg);letter-spacing:.5px;border-radius:.7rem;align-items:center;gap:.7rem;padding:.55rem .8rem;font-size:.82rem;font-weight:700;display:flex}.nav-link svg{opacity:.9;flex:none;width:1.05rem;height:1.05rem}.nav-link:hover{color:#fff;background:#ffffff0f;text-decoration:none}.nav-link.active{color:#fff;background:#8b6cff29}.sidebar-bottom{gap:.4rem;margin-top:auto;padding:1rem 1.25rem 1.5rem;display:flex}.sidebar-bottom a{width:2rem;height:2rem;color:var(--sidebar-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.sidebar-bottom a:hover{color:#fff;background:#ffffff14;text-decoration:none}.sidebar-bottom svg{width:1.05rem;height:1.05rem}#content{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.wrap{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:1.5rem}main.wrap{flex:1 0 auto;padding-block:2.75rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.site-footer .wrap{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;display:flex}.page-title{margin:0 0 1.75rem;font-size:2rem}.post-list{flex-direction:column;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.post-list li a{color:var(--fg);font-size:1.35rem;font-weight:650}.post-list .post-meta{margin:.25rem 0 0}.post-list p.summary{color:var(--muted);margin:.4rem 0 0}.post-header h1{margin:0 0 .5rem;font-size:2.1rem;line-height:1.15}.post-meta{color:var(--muted);margin:0;font-size:.95rem}.tags{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.prose{margin-top:2rem}.prose>*+*{margin-top:1.1rem}.prose h2{margin-top:2.25rem;font-size:1.5rem}.prose h3{margin-top:1.75rem;font-size:1.2rem}.prose img{border-radius:8px;max-width:100%;height:auto}.prose pre{background:var(--code-bg);border-radius:8px;padding:1rem;font-size:.9rem;overflow-x:auto}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:var(--code-bg);border-radius:4px;padding:.15em .4em}.prose blockquote{border-left:3px solid var(--border);color:var(--muted);margin-inline:0;padding-left:1rem}.demo{margin:2rem 0}.demo canvas{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;max-width:100%}.demo figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.85rem}.demo-loading{color:var(--muted);font-size:.9rem}.demo-controls{justify-content:center;margin-top:.6rem;display:flex}.demo-reset{font:inherit;color:var(--fg);background:var(--code-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.3rem .9rem;font-size:.85rem}.demo-reset:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.demo-reset:disabled{opacity:.5;cursor:default}@media (width>=78rem){.demo{--demo-width:min(52rem, 88vw);--wrap-inner:calc(var(--content-width) - 3rem);width:var(--demo-width);margin-inline:calc((var(--wrap-inner) - var(--demo-width)) / 2)}}@media (width<=60rem){#sidebar{flex-flow:wrap;align-items:center;gap:.4rem 1rem;width:100%;height:auto;padding:.7rem 1rem;position:static;overflow:visible}.profile{text-align:left;flex-direction:row;align-items:center;gap:.6rem;margin:0}.avatar{width:2.6rem;height:2.6rem;box-shadow:0 0 0 2px #ffffff14}.site-title{margin:0;font-size:1.15rem}.site-tagline{display:none}.sidebar-nav{width:auto;margin-left:auto}.sidebar-nav ul{flex-direction:row;gap:.2rem;padding:0}.nav-link{padding:.4rem .7rem}.sidebar-bottom{margin:0;padding:0}#content{margin-left:0}}