:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono",
    "Cascadia Code", Menlo, Consolas, monospace;--step--1:clamp(0.83rem, 0.79rem + 0.2vw, 0.94rem);--step-0:clamp(1rem, 0.96rem + 0.2vw, 1.13rem);--step-1:clamp(1.2rem, 1.13rem + 0.35vw, 1.42rem);--step-2:clamp(1.44rem, 1.32rem + 0.6vw, 1.8rem);--step-3:clamp(1.73rem, 1.53rem + 1vw, 2.4rem);--step-4:clamp(2.07rem, 1.75rem + 1.6vw, 3.1rem);--space-2xs:0.375rem;--space-xs:0.625rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.5rem;--space-xl:4rem;--space-2xl:6rem;--measure:46rem;--wide:68rem;--radius:10px;--radius-sm:6px;--border-w:1px;--ease:cubic-bezier(0.22, 1, 0.36, 1);--dur:200ms;--accent-h:145;--accent-s:63%}:root,:root[data-theme=dark]{color-scheme:dark;--bg:#0b0f16;--bg-elev:#11161f;--surface:#161c26;--surface-2:#1c2330;--border:#263041;--border-strong:#33405480;--fg:#e6ebf2;--fg-strong:#f6f8fb;--muted:#9aa6b8;--faint:#6b7688;--accent:hsl(var(--accent-h) var(--accent-s) 52%);--accent-hover:hsl(var(--accent-h) var(--accent-s) 60%);--accent-soft:hsl(var(--accent-h) 40% 18% / 0.55);--accent-contrast:#04140b;--link:hsl(200 90% 68%);--link-hover:hsl(200 95% 78%);--shadow:0 1px 2px rgb(0 0 0 / 0.4), 0 8px 24px -12px rgb(0 0 0 / 0.6);--shadow-lift:0 2px 4px rgb(0 0 0 / 0.4), 0 16px 40px -16px rgb(0 0 0 / 0.7);--selection:hsl(var(--accent-h) 60% 30% / 0.55)}:root[data-theme=light]{color-scheme:light;--bg:#fbfcfe;--bg-elev:#ffffff;--surface:#ffffff;--surface-2:#f2f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--fg:#26313f;--fg-strong:#0f172a;--muted:#566072;--faint:#8a94a6;--accent:hsl(var(--accent-h) 68% 34%);--accent-hover:hsl(var(--accent-h) 70% 28%);--accent-soft:hsl(var(--accent-h) 55% 92%);--accent-contrast:#ffffff;--link:hsl(206 80% 42%);--link-hover:hsl(206 85% 34%);--shadow:0 1px 2px rgb(15 23 42 / 0.06), 0 10px 30px -16px rgb(15 23 42 / 0.18);--shadow-lift:0 2px 4px rgb(15 23 42 / 0.08), 0 20px 50px -20px rgb(15 23 42 / 0.28);--selection:hsl(var(--accent-h) 60% 84%)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.7;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur)var(--ease),color var(--dur)var(--ease)}::selection{background:var(--selection);color:var(--fg-strong)}h1,h2,h3,h4{color:var(--fg-strong);line-height:1.2;font-weight:700;letter-spacing:-.02em;text-wrap:balance}p,ul,ol{text-wrap:pretty}a{color:var(--link);text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--dur)var(--ease)}a:hover{color:var(--link-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}hr{border:0;border-top:var(--border-w)solid var(--border);margin:var(--space-l)0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.skip-link{position:absolute;left:var(--space-s);top:-3rem;z-index:200;background:var(--accent);color:var(--accent-contrast);padding:.5rem .9rem;border-radius:var(--radius-sm);font-weight:600;transition:top var(--dur)var(--ease)}.skip-link:focus{top:var(--space-s)}.wrap{width:100%;max-width:var(--wide);margin-inline:auto;padding-inline:var(--space-m)}main{flex:1 0 auto;padding-block:var(--space-l)var(--space-2xl)}.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:120;background:0 0;pointer-events:none}.progress__bar{height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));will-change:transform}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(140%)blur(12px);-webkit-backdrop-filter:saturate(140%)blur(12px);border-bottom:var(--border-w)solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);min-height:60px}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.02rem;letter-spacing:-.01em;color:var(--fg-strong)}.brand:hover{color:var(--fg-strong);text-decoration:none}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft);border:var(--border-w)solid var(--border);color:var(--accent);flex:none}.brand__mark svg{width:17px;height:17px}.brand__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:pulse 2.4s var(--ease)infinite}@keyframes pulse{0%{box-shadow:0 0 hsl(var(--accent-h) var(--accent-s) 52%/.5)}70%{box-shadow:0 0 0 6px hsl(var(--accent-h) var(--accent-s) 52%/0)}100%{box-shadow:0 0 hsl(var(--accent-h) var(--accent-s) 52%/0)}}.nav{display:flex;align-items:center;gap:var(--space-xs)}.nav__link{position:relative;color:var(--muted);font-size:.94rem;font-weight:500;padding:.4rem .7rem;border-radius:var(--radius-sm);transition:color var(--dur)var(--ease),background-color var(--dur)var(--ease)}.nav__link:hover{color:var(--fg-strong);background:var(--surface);text-decoration:none}.nav__link[aria-current=page]{color:var(--fg-strong)}.nav__link[aria-current=page]::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.05rem;height:2px;border-radius:2px;background:var(--accent)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:var(--border-w)solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer;transition:color var(--dur)var(--ease),border-color var(--dur)var(--ease),background-color var(--dur)var(--ease)}.icon-btn:hover{color:var(--fg-strong);border-color:var(--border-strong)}.icon-btn svg{width:18px;height:18px}.theme-toggle .sun{display:none}.theme-toggle .moon{display:block}:root[data-theme=light] .theme-toggle .sun{display:block}:root[data-theme=light] .theme-toggle .moon{display:none}.hero{max-width:var(--measure);margin-bottom:var(--space-xl)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:var(--border-w)solid var(--border);padding:.3rem .7rem;border-radius:999px;margin-bottom:var(--space-s)}.eyebrow .status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero h1{font-size:var(--step-4);margin:0 0 var(--space-xs)}.hero .lede{font-size:var(--step-1);color:var(--muted);margin:0;max-width:34ch}.section-label{display:flex;align-items:baseline;gap:var(--space-s);margin-bottom:var(--space-m)}.section-label h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-weight:600;margin:0}.section-label .rule{flex:1;height:var(--border-w);background:var(--border)}.section-label .count{font-family:var(--font-mono);font-size:.78rem;color:var(--faint)}.post-list{max-width:var(--measure);display:grid;gap:var(--space-xs)}.card{display:block;padding:var(--space-m);border:var(--border-w)solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;position:relative;transition:border-color var(--dur)var(--ease),transform var(--dur)var(--ease),box-shadow var(--dur)var(--ease),background-color var(--dur)var(--ease)}.card:hover{text-decoration:none;border-color:var(--border-strong);background:var(--bg-elev);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--faint);margin-bottom:.55rem}.card__meta .dot{opacity:.5}.card__title{font-size:var(--step-1);margin:0 0 .4rem;color:var(--fg-strong);transition:color var(--dur)var(--ease)}.card:hover .card__title{color:var(--accent)}.card__desc{margin:0;color:var(--muted);font-size:.98rem}.card__more{margin-top:.9rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--accent)}.card__more svg{width:15px;height:15px;transition:transform var(--dur)var(--ease)}.card:hover .card__more svg{transform:translateX(3px)}.article{max-width:var(--measure);margin-inline:auto}.article__back{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--muted);margin-bottom:var(--space-m)}.article__back:hover{color:var(--fg-strong);text-decoration:none}.article__back svg{width:15px;height:15px;transition:transform var(--dur)var(--ease)}.article__back:hover svg{transform:translateX(-3px)}.article__header{margin-bottom:var(--space-l);padding-bottom:var(--space-m);border-bottom:var(--border-w)solid var(--border)}.article__title{font-size:var(--step-3);margin:0 0 var(--space-s)}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.82rem;color:var(--muted)}.article__meta .dot{opacity:.5}.prose{font-size:var(--step-0)}.prose>*+*{margin-top:var(--space-s)}.prose h2{font-size:var(--step-2);margin-top:var(--space-l);padding-bottom:.35em;border-bottom:var(--border-w)solid var(--border);scroll-margin-top:5rem}.prose h3{font-size:var(--step-1);margin-top:var(--space-m);scroll-margin-top:5rem}.prose h4{font-size:var(--step-0);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:var(--space-m)}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--accent)}.prose strong{color:var(--fg-strong);font-weight:600}.prose a{font-weight:500}.heading-anchor{color:var(--faint);margin-left:.35em;opacity:0;font-weight:400;transition:opacity var(--dur)var(--ease),color var(--dur)var(--ease)}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.heading-anchor:hover{color:var(--accent);text-decoration:none}.prose a[data-external]::after{content:"";display:inline-block;width:.72em;height:.72em;margin-left:.22em;vertical-align:-.02em;background-color:currentColor;-webkit-mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E");mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E");opacity:.55}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.86em;background:var(--surface-2);color:var(--fg-strong);padding:.15em .4em;border-radius:5px;border:var(--border-w)solid var(--border);white-space:nowrap}.prose blockquote{margin:var(--space-m)0;padding:.6em 1.2em;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--muted);font-style:italic}.prose blockquote p{margin:0}.prose .table-scroll{overflow-x:auto;margin:var(--space-m)0;border:var(--border-w)solid var(--border);border-radius:var(--radius)}.prose table{border-collapse:collapse;width:100%;font-size:.92rem}.prose th,.prose td{padding:.65em .9em;text-align:left;border-bottom:var(--border-w)solid var(--border)}.prose thead th{background:var(--surface);color:var(--fg-strong);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:hover{background:var(--surface)}.prose figure{margin:var(--space-m)0}.prose figure img{border-radius:var(--radius);border:var(--border-w)solid var(--border);width:100%}.prose figcaption{margin-top:.6rem;font-size:.85rem;color:var(--faint);text-align:center}.codeblock{margin:var(--space-m)0;border-radius:var(--radius);border:var(--border-w)solid #26304180;background:#0d1117;overflow:hidden;box-shadow:var(--shadow)}.codeblock__bar{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;background:#11161f;border-bottom:var(--border-w)solid #26304180}.codeblock__dots{display:inline-flex;gap:6px}.codeblock__dots span{width:11px;height:11px;border-radius:50%;display:block}.codeblock__dots span:nth-child(1){background:#ff5f57}.codeblock__dots span:nth-child(2){background:#febc2e}.codeblock__dots span:nth-child(3){background:#28c840}.codeblock__lang{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;text-transform:lowercase;color:#7d8797;margin-left:.2rem}.codeblock__copy{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-sans);font-size:.74rem;font-weight:500;color:#9aa6b8;background:0 0;border:var(--border-w)solid #26304180;border-radius:6px;padding:.28rem .55rem;cursor:pointer;transition:color var(--dur)var(--ease),border-color var(--dur)var(--ease),background-color var(--dur)var(--ease)}.codeblock__copy:hover{color:#e6ebf2;border-color:#3a465c;background:#161c26}.codeblock__copy svg{width:13px;height:13px}.codeblock__copy .check{display:none;color:#28c840}.codeblock__copy.is-copied .copy{display:none}.codeblock__copy.is-copied .check{display:block}.codeblock__copy.is-copied{color:#28c840;border-color:#28c84066}.codeblock pre{margin:0;padding:1rem 1.1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;tab-size:2}.codeblock pre code{font-family:inherit;background:0 0;padding:0;border:0;white-space:pre}.codeblock pre::-webkit-scrollbar{height:8px}.codeblock pre::-webkit-scrollbar-thumb{background:#33405480;border-radius:8px}.callout{margin:var(--space-m)0;padding:var(--space-s)var(--space-m);border:var(--border-w)solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface)}.pager{max-width:var(--measure);margin:var(--space-xl)auto 0;padding-top:var(--space-m);border-top:var(--border-w)solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s)}.pager__item{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-s);border:var(--border-w)solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--dur)var(--ease),background-color var(--dur)var(--ease)}.pager__item:hover{text-decoration:none;border-color:var(--border-strong);background:var(--bg-elev)}.pager__item--next{text-align:right}.pager__dir{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.pager__title{font-size:.92rem;font-weight:600;color:var(--fg-strong)}.page{max-width:var(--measure);margin-inline:auto}.page__title{font-size:var(--step-3);margin:0 0 var(--space-m)}.error-page{max-width:var(--measure);margin-inline:auto;text-align:center;padding-block:var(--space-xl)}.error-page .code{font-family:var(--font-mono);font-size:clamp(4rem,12vw,7rem);font-weight:700;color:var(--accent);line-height:1;letter-spacing:-.04em}.error-page h1{font-size:var(--step-2);margin:var(--space-s)0}.error-page p{color:var(--muted);margin:0 auto var(--space-m);max-width:40ch}.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem;padding:.65rem 1.2rem;border-radius:var(--radius-sm);border:var(--border-w)solid transparent;cursor:pointer;transition:background-color var(--dur)var(--ease),border-color var(--dur)var(--ease),color var(--dur)var(--ease),transform var(--dur)var(--ease)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-hover);color:var(--accent-contrast)}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--fg-strong)}.btn--ghost:hover{border-color:var(--border-strong);color:var(--fg-strong)}.site-footer{border-top:var(--border-w)solid var(--border);background:var(--bg-elev);padding-block:var(--space-l);color:var(--muted);font-size:.88rem}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-s)}.site-footer__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.site-footer__meta .dot{opacity:.5}.site-footer__links{display:flex;gap:var(--space-s)}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--fg-strong)}.uptime{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem}.uptime .status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}@media(max-width:560px){.nav__link{padding:.4rem .5rem}.brand span.brand__text{display:none}.pager{grid-template-columns:1fr}.pager__item--next{text-align:left}}@media print{.site-header,.site-footer,.progress,.article__back,.pager,.codeblock__copy{display:none!important}body{background:#fff;color:#000}.codeblock{border:1px solid #ccc;box-shadow:none}}