:root{--accent:#41d07f;--bg:#08090d;--panel:#0b0d12;--text:#e8ebf0;--muted:#9aa3b2;--dim:#6f7888;--hair:#ffffff14;--foilguard:#41d07f;--foillab:#4d9fff;--foilvault:#b07cf0;--mono:"JetBrains Mono", "Menlo", "Consolas", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif}a{color:inherit}.mono{font-family:JetBrains Mono,monospace}.display{font-family:Space Grotesk,sans-serif}.shell{max-width:1180px;margin:0 auto;padding:0 40px}.site-nav{backdrop-filter:blur(8px);z-index:10;background:#08090deb;border-bottom:1px solid #ffffff12;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;display:flex}.brand{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.brand img{border-radius:6px}.slash{color:var(--dim)}.nav-links{color:var(--muted);align-items:center;gap:28px;font-size:13px;display:flex}.nav-links a{text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-active{color:var(--text)!important}.nav-cta{background:var(--text);border-radius:6px;padding:8px 14px;font-weight:600;transition:background .15s;color:#08090d!important}.nav-cta:hover{background:var(--accent)!important}.site-footer{border-top:1px solid #ffffff12;margin-top:80px;padding:32px 0}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.foot-left{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.foot-brand{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.foot-brand img{border-radius:4px}.foot-copy{color:var(--dim);font-size:12px}.foot-copy a{color:var(--muted);text-decoration:none}.foot-copy a:hover{color:var(--accent)}.foot-nav{color:var(--dim);flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.foot-nav a{color:var(--dim);text-decoration:none;transition:color .15s}.foot-nav a:hover{color:var(--accent)}.foot-sep{color:var(--hair)}.post-page{max-width:720px;padding-top:40px;padding-bottom:80px}.breadcrumb{color:var(--dim);margin-bottom:32px;font-size:12px}.breadcrumb a{color:var(--dim);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.post-header{margin-bottom:40px}.post-meta{color:var(--dim);flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:11px;display:flex}.post-cat{color:var(--accent);letter-spacing:.08em;font-weight:600}.post-header h1{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800;line-height:1.3}.post-body{flex-direction:column;display:flex}.post-body .lead-para{color:var(--muted);margin-bottom:36px;font-size:17px;line-height:1.8}.post-body h2{margin:36px 0 14px;font-size:1.25rem;font-weight:700}.post-body p{color:var(--muted);margin-bottom:16px;font-size:15px;line-height:1.8}.post-body ul,.post-body ol{flex-direction:column;gap:8px;margin-bottom:16px;padding-left:22px;display:flex}.post-body li{color:var(--muted);font-size:15px;line-height:1.7}.post-body li strong,.post-body strong{color:var(--text)}.post-body code{color:var(--accent);background:#0000004d;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:13px}.post-body a{color:var(--accent);text-decoration:underline #41d07f4d}.post-body .code-block{border:1px solid var(--hair);background:#00000080;border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.post-body .code-block code{color:#a5b4fc;white-space:pre;background:0 0;padding:0;font-size:13px}.post-footer{border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px;font-size:13px;display:flex}.post-footer a{color:var(--dim);text-decoration:none;transition:color .15s}.post-footer a:hover{color:var(--accent)}.post-footer .cta-link{color:var(--accent);margin-left:auto;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-easy{color:#41d07f;background:#41d07f1a;border-color:#41d07f33}.badge-medium{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2433}.badge-hard{color:#ef4444;background:#ef44441a;border-color:#ef444433}.badge-cat{color:var(--muted);border-color:var(--hair);text-transform:none;letter-spacing:0;background:#ffffff0d;font-weight:400}@media (prefers-color-scheme:light){:root{--bg:#f7f8fa;--panel:#fff;--text:#0f1117;--muted:#4b5563;--dim:#9ca3af;--hair:#00000014}body{background:var(--bg);color:var(--text)}.site-nav{background:#f7f8faeb;border-bottom-color:#00000014}.nav-cta{color:#f7f8fa!important;background:#0f1117!important}.nav-cta:hover{background:var(--accent)!important;color:#08090d!important}.lab-subnav{background:#f7f8facc;border-bottom-color:#0000000f}.site-footer{border-top-color:#00000014}.post-body code{color:#166534;background:#0000000f}.post-body .code-block{background:#f0f2f5;border-color:#00000014}.post-body .code-block code{color:#4338ca}.badge-cat{background:#0000000a;border-color:#00000014}}@media (width<=640px){.shell{padding:0 20px}.nav-links{gap:16px;font-size:12px}.nav-cta{padding:6px 12px!important}.post-header h1{font-size:1.5rem}.post-body .lead-para{font-size:15px}}@media (width<=400px){.nav-links a:not(.nav-cta){display:none}}