:root{color-scheme:dark;--bg:#000;--text:#eee;--heading:#fafafa;--muted:#999;--accent:#8266ff;--mono:Consolas,"SFMono-Regular","Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.82 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#4b3587;color:#fff}a{color:inherit;text-underline-offset:4px}a:hover{color:#b2a0ff}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.page{max-width:1100px;margin:0 auto;padding:27px 0 0;display:grid;grid-template-columns:minmax(0,720px) minmax(0,344px);column-gap:36px;align-items:start}.article-column{min-width:0}.post-header{margin:0 0 27px}h1{font:600 32px/1.24 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:var(--heading);margin:0 0 25px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{font-size:12px;line-height:1.5;background:#303030;color:#eee;padding:5px 9px;border-radius:11px}.post-meta{font-size:14px;color:#aaa;display:flex;gap:7px;align-items:center}.post-meta a{text-decoration:none}.post-meta .dot{color:#777}
article p{margin:0 0 23px}article>p:first-child{font-size:18px;line-height:1.8;color:#ddd}strong{font-weight:700;color:#f5f5f5}article h2{font-size:38px;font-weight:600;letter-spacing:-1.2px;line-height:1.25;color:var(--heading);margin:54px 0 26px;scroll-margin-top:32px}code{font:.87em/1.6 var(--mono);overflow-wrap:anywhere}p code{color:#e2dcf2;background:#19171d;padding:2px 5px;border-radius:4px}pre{background:#1e1e1e;border-radius:8px;margin:26px 0;padding:23px 24px;overflow:auto;scrollbar-color:#444 #1e1e1e;line-height:1.65}pre code{font-size:13px;overflow-wrap:normal;white-space:pre;color:#d4d4d4;display:block}.code-line{display:block;min-height:1.65em}.code-line:before{content:attr(data-line);display:inline-block;width:2.4em;color:#6a9955;user-select:none}.tok-k,.tok-kt,.tok-kd{color:#569cd6}.tok-s,.tok-s1,.tok-s2{color:#ce9178}.tok-c,.tok-c1,.tok-cm{color:#6a9955}.tok-nf{color:#dcdcaa}.tok-nc{color:#4ec9b0}.tok-mi{color:#b5cea8}.tok-o{color:#d4d4d4}
figure{margin:27px 0 30px}.screenshot{display:block;line-height:0;cursor:zoom-in}.screenshot img{display:block;width:100%;height:auto;border-radius:7px}figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:9px;color:#888;font-size:12px;line-height:1.7;font-style:italic}.expand-hint{font-style:normal;flex-shrink:0;color:#aaa;font-size:11px}
.sidebar{position:sticky;top:36px;margin-top:88px;border:1px solid #382478;border-radius:13px;padding:21px 20px 18px}.sidebar h2{display:flex;gap:10px;align-items:center;margin:0 0 12px;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.4px}.sidebar-icon{color:var(--accent);font-size:21px;font-weight:400}.sidebar p{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 15px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a{text-decoration:none;font-size:14px;line-height:1.5;padding:7px 10px;border-radius:6px;color:#bbb}.sidebar nav a:hover,.sidebar nav a[aria-current="location"]{background:#1c1827;color:#e1d9ff}.sidebar-foot{display:block;margin-top:15px;border-top:1px solid #242127;padding-top:13px;font-size:12px;color:#888;text-decoration:none}.post-footer{border-top:1px solid #232323;margin-top:50px;padding:22px 0 44px;display:flex;justify-content:space-between;font-size:13px;color:#999}.post-footer a{text-decoration:none}
dialog{padding:0;border:1px solid #38313f;border-radius:8px;background:#111;color:var(--text);max-width:none;width:calc(100vw - 48px);max-height:calc(100vh - 48px)}dialog::backdrop{background:#000e}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 17px;border-bottom:1px solid #333;font-size:13px;line-height:1.5}.viewer-actions{display:flex;gap:10px;flex-shrink:0}button{font:13px/1.4 Arial,Helvetica,sans-serif;color:#eee;border:1px solid #444;background:#242424;border-radius:5px;padding:7px 10px;cursor:pointer}button:hover{background:#36303f}.viewer-image{overflow:auto;max-height:calc(100vh - 160px);padding:16px;line-height:0;text-align:center}.viewer-image img{width:auto;max-width:100%;max-height:calc(100vh - 185px);height:auto;object-fit:contain}.viewer-image.actual{text-align:left}.viewer-image.actual img{max-width:none;max-height:none}body:has(dialog[open]){overflow:hidden}
@media(max-width:1210px){.page{margin:0 5%;grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);gap:32px}}
@media(max-width:900px){.page{display:block;max-width:720px;margin:0 auto;padding:28px 24px 0}.sidebar{display:none}h1{font-size:30px}article h2{font-size:32px}body{font-size:16px}article>p:first-child{font-size:17px}}
@media(max-width:480px){h1{font-size:28px}article h2{font-size:29px;letter-spacing:-.7px;margin-top:42px}.page{padding:24px 20px 0}.post-header{margin-bottom:25px}pre{padding:18px 15px}.code-line:before{width:2em}pre code{font-size:12px}figcaption{gap:8px}.expand-hint{font-size:0}.expand-hint::after{content:'↗';font-size:13px}dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.viewer-bar{flex-wrap:wrap;gap:10px}.viewer-image{padding:8px;max-height:calc(100vh - 185px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:root{color-scheme:light;--bg:white;--text:#222;--heading:#111}body{font-size:11pt}.page{display:block;max-width:none;margin:0;padding:0}.sidebar,.expand-hint,.post-footer,dialog{display:none}h1{font-size:26pt}article h2{font-size:22pt;break-after:avoid}figure,pre{break-inside:avoid}pre,p code{background:#eee;color:#222}pre code{color:#222;white-space:pre-wrap}}

/* Shared blog navigation and index. */
.site-nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #232323}.site-logo{font-size:23px;font-weight:700;letter-spacing:-.8px;text-decoration:none}.site-logo span{color:#9278ff}.site-nav nav{display:flex;gap:25px;font-size:14px;color:#aaa}.site-nav nav a{text-decoration:none}.site-nav nav a[aria-current=page]{color:#fff}.breadcrumb{font-size:13px;color:#999;margin:0 0 24px}.breadcrumb a{text-decoration:none}.page{padding-top:32px}.post-header{margin-bottom:34px}article>h2:first-child{margin-top:32px}.download-row{border:1px solid #30253f;border-radius:8px;padding:16px 18px;margin:28px 0!important;font-size:14px;display:flex;gap:16px;flex-wrap:wrap;background:#100d15}.download-row a{color:#d7ccff;text-decoration:none}.download-row a:hover{text-decoration:underline}
.home{max-width:1100px;margin:0 auto}.home-intro{padding:64px 0 55px;max-width:750px}.home-intro h1{font-size:46px;letter-spacing:-1.7px;margin-bottom:18px}.home-intro p{color:#aaa;font-size:18px;max-width:620px;margin:0;line-height:1.75}.posts-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #282828;padding-bottom:16px;margin-bottom:30px}.posts-heading h2{font-size:23px;margin:0;letter-spacing:-.5px}.posts-heading span{font-size:13px;color:#888}.post-list{list-style:none;margin:0;padding:0}.post-card{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding-bottom:35px}.post-card h2{font-size:28px;letter-spacing:-.7px;line-height:1.3;margin:15px 0}.post-card h2 a{text-decoration:none}.post-card p{color:#aaa;font-size:16px;line-height:1.8;margin:0 0 17px;max-width:650px}.post-card .tags{margin-bottom:16px}.post-card .post-meta{font-size:13px}.post-card-image{display:block;align-self:center}.post-card-image img{width:100%;height:auto;border:1px solid #333;border-radius:8px;display:block}.read-post{color:#c5b5ff;text-decoration:none;font-size:14px}.site-footer{max-width:1100px;margin:50px auto 0;border-top:1px solid #232323;padding:24px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#888}.site-footer a{text-decoration:none}.site-footer p{margin:0}.error-page{max-width:720px;margin:90px auto 120px}.skip-link{position:fixed;left:16px;top:-100px;background:#222;padding:8px 16px;z-index:10}.skip-link:focus{top:12px}
@media(max-width:1210px){.site-nav,.home,.site-footer{margin-left:5%;margin-right:5%}}
@media(max-width:900px){.site-nav,.home,.site-footer{max-width:720px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.post-card{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.home-intro h1{font-size:38px}.home-intro{padding:45px 0}.error-page{margin:70px 24px}}
@media(max-width:600px){.post-card{display:flex;flex-direction:column;gap:24px}.post-card-image{align-self:stretch;max-width:100%}.home-intro h1{font-size:35px}.home-intro p{font-size:16px}.post-card h2{font-size:26px}.site-nav nav{gap:18px}.site-footer{margin-top:26px}.download-row{gap:12px}.site-nav,.home,.site-footer{padding-left:20px;padding-right:20px}}
@media print{.site-nav,.site-footer,.breadcrumb,.skip-link{display:none}}