#progress{background:linear-gradient(90deg,var(--v),var(--m),var(--l));z-index:300;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.art-header{border-bottom:1px solid var(--border);padding:140px 56px 80px;position:relative;overflow:hidden}.art-header-bg{pointer-events:none;background:radial-gradient(50% 100% at 50% 0,oklch(68% .28 290/.08),#0000 70%);position:absolute;inset:0}.art-header-inner{max-width:760px;margin:0 auto;position:relative}.back-link{color:var(--muted);letter-spacing:.3px;align-items:center;gap:8px;margin-bottom:32px;font-family:DM Mono,monospace;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text)}.art-cat-badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--v);background:oklch(68% .28 290/.1);border:1px solid oklch(68% .28 290/.25);border-radius:6px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 14px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.art-lede{color:var(--muted);max-width:640px;font-size:18px;line-height:1.7}.art-header h1{letter-spacing:-1.5px;margin-bottom:28px;font-family:Syne,sans-serif;font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.08}.art-meta{color:var(--muted);letter-spacing:.3px;flex-wrap:wrap;align-items:center;gap:24px;font-family:DM Mono,monospace;font-size:12px;display:flex}.art-meta-sep{color:var(--border)}.art-author{align-items:center;gap:8px;display:flex}.art-av{background:linear-gradient(135deg,var(--v),var(--m));color:#fff;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-family:Syne,sans-serif;font-size:10px;font-weight:800;display:flex}.layout{grid-template-columns:1fr 260px;align-items:start;gap:72px;max-width:1100px;margin:0 auto;padding:64px 56px 120px;display:grid}.article-body{min-width:0}.article-body h2{letter-spacing:-.5px;color:var(--text);margin:52px 0 18px;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.article-body h2:first-child{margin-top:0}.article-body h3{letter-spacing:-.3px;color:var(--text);margin:36px 0 14px;font-family:Syne,sans-serif;font-size:19px;font-weight:700}.article-body p{color:oklch(80% .008 260);margin-bottom:22px;font-size:17px;font-weight:300;line-height:1.8}.article-body strong{color:var(--text);font-weight:600}.article-body a{color:var(--v);text-underline-offset:3px;-webkit-text-decoration:underline oklch(68% .28 290/.4);text-decoration:underline oklch(68% .28 290/.4)}.article-body a:hover{-webkit-text-decoration-color:var(--v);text-decoration-color:var(--v)}.callout{background:var(--card);border-left:3px solid var(--v);border-radius:0 12px 12px 0;margin:32px 0;padding:20px 24px}.callout.warn{border-color:var(--m)}.callout.tip{border-color:var(--l)}.callout-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--v);margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.callout.warn .callout-label{color:var(--m)}.callout.tip .callout-label{color:var(--l)}.callout p{color:var(--muted);margin-bottom:0;font-size:15px}.checklist{flex-direction:column;gap:10px;margin:24px 0 32px;list-style:none;display:flex}.checklist li{color:oklch(80% .008 260);align-items:flex-start;gap:14px;font-size:16px;font-weight:300;line-height:1.5;display:flex}.check-box{border:1.5px solid var(--v);cursor:pointer;background:oklch(68% .28 290/.08);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:background .2s;display:flex}.check-box.checked{background:var(--v);border-color:var(--v)}.check-box svg{display:none}.check-box.checked svg{display:block}.checklist li.checked-item>span{opacity:.5;text-decoration:line-through}.code-block{background:var(--card);border:1px solid var(--border);color:oklch(75% .01 260);border-radius:12px;margin:24px 0;padding:20px 24px;font-family:DM Mono,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.code-block .cm{color:var(--muted)}.code-block .ck{color:var(--v)}.code-block .cv{color:var(--l)}.code-block .cs{color:var(--m)}.art-divider{border:none;border-top:1px solid var(--border);margin:48px 0}.art-table{border-collapse:collapse;width:100%;margin:24px 0 32px;font-size:14px}.art-table th{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:10px 16px;font-family:DM Mono,monospace;font-size:10px}.art-table td{border-bottom:1px solid var(--border);color:oklch(80% .008 260);vertical-align:top;padding:12px 16px;line-height:1.5}.art-table tr:last-child td{border-bottom:none}.art-table td:first-child{color:var(--text);white-space:nowrap;font-family:DM Mono,monospace;font-size:12px}.section-anchor{pointer-events:none;height:80px;margin-top:-80px;display:block}.sidebar{position:sticky;top:96px}.toc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.toc-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-family:DM Mono,monospace;font-size:11px}.toc-list{flex-direction:column;gap:2px;list-style:none;display:flex}.toc-list li a{color:var(--muted);border-left:2px solid #0000;border-radius:7px;padding:6px 10px;font-size:13px;line-height:1.4;text-decoration:none;transition:color .2s,background .2s;display:block}.toc-list li a:hover{color:var(--text);background:#ffffff08}.toc-list li a.active{color:var(--v);border-left-color:var(--v);background:oklch(68% .28 290/.06)}.toc-list .toc-sub a{padding-left:22px;font-size:12px}.sidebar-cta{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:20px;padding:24px}.sidebar-cta-title{margin-bottom:8px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.sidebar-cta-sub{color:var(--muted);margin-bottom:18px;font-size:13px;line-height:1.5}.btn-sm{text-align:center;background:linear-gradient(135deg,var(--v),var(--m));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 20px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s;display:block}.btn-sm:hover{opacity:.85;transform:translateY(-1px)}.related{border-top:1px solid var(--border);max-width:1100px;margin:0 auto;padding:80px 56px}.rel-title{letter-spacing:-.3px;margin-bottom:32px;font-family:Syne,sans-serif;font-size:22px;font-weight:800}.rel-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rel-card{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:14px;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.rel-card:hover{border-color:oklch(68% .28 290/.4);transform:translateY(-2px)}.rel-cat{letter-spacing:1.5px;text-transform:uppercase;color:var(--v);font-family:DM Mono,monospace;font-size:10px}.rel-card-title{letter-spacing:-.2px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;line-height:1.3}.rel-read{color:var(--muted);margin-top:auto;font-family:DM Mono,monospace;font-size:11px}footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:36px 56px;display:flex}.footer-logo{background:linear-gradient(90deg,var(--v),var(--m));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Syne,sans-serif;font-size:16px;font-weight:800}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--muted);font-family:DM Mono,monospace;font-size:12px}@media (width<=900px){.art-header{padding:120px 20px 60px}.layout{grid-template-columns:1fr;gap:0;padding:40px 20px 80px}.sidebar{margin-top:60px;position:static}.related{padding:60px 20px}.rel-grid{grid-template-columns:1fr}footer{padding:28px 20px}}