:root{color-scheme:light;--bg:#fbfbf9;--bg-soft:#f3f3ef;--bg-elevated:#fff;--fg:#0f0f12;--fg-muted:#5f5f66;--fg-subtle:#8a8a92;--line:#e7e7e2;--line-strong:#d3d3cc;--accent:#3a4ee6;--accent-2:#8b5cf6;--accent-fg:#fff;--accent-soft:#eef0ff;--ok:#0f7b4f;--ok-soft:#e7f5ee;--shadow-color:20 20 30;--shadow-sm:0 1px 2px rgb(var(--shadow-color) / .04), 0 1px 3px rgb(var(--shadow-color) / .05);--shadow-md:0 2px 4px rgb(var(--shadow-color) / .04), 0 8px 20px -6px rgb(var(--shadow-color) / .1);--shadow-lg:0 8px 16px -8px rgb(var(--shadow-color) / .1), 0 28px 56px -20px rgb(var(--shadow-color) / .2);--ring:0 0 0 1px var(--line);--focus-ring:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);--radius-sm:7px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-serif:"Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--step--1:clamp(.78rem, .76rem + .1vw, .83rem);--step-0:clamp(.94rem, .9rem + .2vw, 1rem);--step-1:clamp(1.1rem, 1.02rem + .4vw, 1.3rem);--step-2:clamp(1.4rem, 1.24rem + .8vw, 1.85rem);--step-3:clamp(1.85rem, 1.5rem + 1.7vw, 2.9rem);--step-4:clamp(2.4rem, 1.7rem + 3.4vw, 4.6rem);--space-section:clamp(4rem, 3rem + 5vw, 7.5rem);--container:1200px}[data-theme=dark]{color-scheme:dark;--bg:#09090c;--bg-soft:#101014;--bg-elevated:#131319;--fg:#f2f2f0;--fg-muted:#a3a3ab;--fg-subtle:#737380;--line:#1f1f27;--line-strong:#2e2e39;--accent:#7f8fff;--accent-2:#b48cff;--accent-fg:#09090c;--accent-soft:#171a33;--ok:#5fd8a4;--ok-soft:#12241c;--shadow-color:0 0 0;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000040;--shadow-md:0 2px 4px #0000004d, 0 10px 24px -6px #00000080;--shadow-lg:0 8px 16px -8px #0006, 0 32px 64px -20px #000000b3}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);letter-spacing:-.011em;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100dvh;line-height:1.6;display:flex}body:after{content:"";z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;inset:0}[data-theme=dark] body:after{opacity:.06;mix-blend-mode:screen}img,svg{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.035em;text-wrap:balance;font-feature-settings:"cv11" 1, "ss03" 1;font-weight:600;line-height:1.08}p{text-wrap:pretty}::selection{background:var(--accent);color:var(--accent-fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.glow-top{isolation:isolate;position:relative;overflow:hidden}.glow-top:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 60% at 30% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(45% 55% at 80% 10%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 70%);filter:blur(24px);height:70%;position:absolute;inset:-20% -10% auto}[data-theme=dark] .glow-top:before{background:radial-gradient(55% 60% at 30% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(45% 55% at 80% 10%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 70%)}.grid-bg:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(70% 80% at 50% 0,#000 20%,#0000 100%)}.text-gradient{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 100%);color:#0000;background-clip:text}.js [data-reveal]:not(.is-visible){opacity:0;transform:translateY(18px)}[data-reveal]{transition:opacity .7s cubic-bezier(.2,0,0,1),transform .7s cubic-bezier(.2,0,0,1)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,3rem)}.section{padding-block:var(--space-section)}.section--tight{padding-block:clamp(2.75rem,2rem + 3vw,4.5rem)}.section+.section{border-top:1px solid var(--line)}main{flex:1}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:.55rem;font-size:.72rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;flex:none}.display{font-size:var(--step-4);letter-spacing:-.045em;font-weight:600;line-height:1.02}.serif-accent{font-family:var(--font-serif);letter-spacing:-.01em;font-feature-settings:normal;font-size:1.08em;font-style:italic;font-weight:400}.h2{font-size:var(--step-3)}.h3{font-size:var(--step-2)}.lede{font-size:var(--step-1);color:var(--fg-muted);max-width:62ch;line-height:1.5}.muted{color:var(--fg-muted)}.mono{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:-.01em}.btn{border:1px solid var(--fg);background:linear-gradient(180deg, color-mix(in srgb, var(--fg) 88%, var(--bg)), var(--fg));color:var(--bg);border-radius:var(--radius);font-size:var(--step--1);letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--bg) 18%, transparent), var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:550;transition:transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s,background .18s;display:inline-flex}.btn:hover{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--bg) 18%, transparent), var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--ghost{background:color-mix(in srgb, var(--bg-elevated) 60%, transparent);color:var(--fg);border-color:color-mix(in srgb, var(--fg) 45%, var(--bg));box-shadow:var(--shadow-sm);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:var(--fg);background:var(--bg-elevated)}.btn--accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 120%);color:#fff;box-shadow:inset 0 1px 0 #ffffff38, 0 1px 2px rgb(var(--shadow-color) / .1), 0 8px 20px -6px color-mix(in srgb, var(--accent) 55%, transparent);border-color:#0000}.btn--accent:hover{box-shadow:inset 0 1px 0 #ffffff38, 0 2px 4px rgb(var(--shadow-color) / .1), 0 14px 28px -8px color-mix(in srgb, var(--accent) 65%, transparent)}.btn .btn__arrow{transition:transform .18s cubic-bezier(.2,0,0,1)}.btn:hover .btn__arrow{transform:translate(3px)}.tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--line);background:color-mix(in srgb, var(--fg) 3%, transparent);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.66rem;font-weight:500;display:inline-flex}.tag--accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft)}.tag--ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 32%, transparent);background:var(--ok-soft)}.link{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.link:hover{text-decoration-thickness:2px}.arrow-link{font-size:var(--step--1);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-elevated);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.5rem .9rem;font-weight:550;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.arrow-link:after{content:"→";color:var(--fg-subtle);transition:transform .18s cubic-bezier(.2,0,0,1),color .18s}.arrow-link:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.arrow-link:hover:after{color:var(--fg);transform:translate(3px)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:100;background:var(--fg);color:var(--bg);border-radius:var(--radius);padding:.6rem 1rem;top:1rem;left:1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.post-body{color:var(--fg-muted);margin-top:clamp(2rem,1.5rem + 2vw,3rem);font-size:1.02rem;line-height:1.8}.post-body>*+*{margin-top:1.35rem}.post-body h2,.post-body h3{color:var(--fg);scroll-margin-top:6rem}.post-body h2{font-size:var(--step-2);margin-top:3rem}.post-body h3{font-size:var(--step-1);margin-top:2.25rem}.post-body h2+p,.post-body h3+p{margin-top:1rem}.post-body strong{color:var(--fg);font-weight:600}.post-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.post-body a:hover{text-decoration-thickness:2px}.post-body ul,.post-body ol{gap:.6rem;padding-left:1.35rem;display:grid}.post-body li::marker{color:var(--fg-subtle)}.post-body blockquote{border-left:2px solid var(--accent);color:var(--fg);padding:.25rem 0 .25rem 1.25rem;font-style:italic}.post-body code{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:.1em .35em;font-size:.85em}.post-body pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;font-size:.82rem;line-height:1.65;overflow-x:auto}.post-body pre code{font-size:inherit;background:0 0;border:0;padding:0}.post-body .astro-code,.post-body .astro-code span{color:var(--shiki-light)}[data-theme=dark] .post-body .astro-code,[data-theme=dark] .post-body .astro-code span{color:var(--shiki-dark)}.post-body table{border-collapse:collapse;width:100%;font-size:var(--step--1);display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem .8rem}.post-body th{background:var(--bg-soft);color:var(--fg);white-space:nowrap;font-weight:600}.post-body hr{border:0;border-top:1px solid var(--line);margin-block:2.5rem}.post-body img{border-radius:var(--radius-lg);border:1px solid var(--line)}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm);padding:clamp(1.15rem,1rem + 1vw,1.75rem)}.panel--soft{background:var(--bg-soft)}.panel__title{font-size:var(--step-0);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-weight:600;display:flex}.app-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem);display:flex}.app-head h1{font-size:var(--step-2);margin-top:.5rem}.app-head p{color:var(--fg-muted);font-size:var(--step--1);max-width:70ch;margin-top:.6rem}.field{font-size:var(--step--1);gap:.4rem;font-weight:550;display:grid}.field input,.field textarea,.field select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);font-size:var(--step--1);outline:none;width:100%;padding:.6rem .75rem;font-family:inherit;font-weight:400}.field textarea{font-family:var(--font-mono);resize:vertical;min-height:7rem;font-size:.78rem;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.field input,.field textarea,.field select{box-shadow:inset 0 1px 2px rgb(var(--shadow-color) / .03);transition:border-color .15s,box-shadow .15s}.field .hint{color:var(--fg-subtle);font-size:.74rem;font-weight:400;line-height:1.5}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-sm{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.35rem;padding:.32rem .6rem;font-size:.76rem;transition:color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-sm:hover{color:var(--fg);border-color:var(--fg);box-shadow:var(--shadow-md)}.btn-sm--danger:hover{color:#d92c2c;border-color:#d92c2c80}.btn-sm.is-on,.btn--ghost.is-on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.btn--ghost.is-on:hover{border-color:var(--accent)}.alert{color:#b02020;border-radius:var(--radius);font-size:var(--step--1);background:#d92c2c14;border:1px solid #d92c2c66;padding:.7rem .9rem}.notice{border:1px solid color-mix(in srgb, var(--ok) 40%, transparent);background:var(--ok-soft);color:var(--ok);border-radius:var(--radius);font-size:var(--step--1);padding:.7rem .9rem}[data-theme=dark] .alert{color:#ff9b9b}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;color:var(--fg-muted);font-size:var(--step--1);padding:2.5rem 1.5rem}.metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:1rem;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem;position:relative;overflow:hidden}.metric:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2), transparent);opacity:.8;width:100%;height:2px;position:absolute;inset:0 auto auto 0}.metric__num{font-size:var(--step-2);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.metric__label{color:var(--fg-muted);margin-top:.4rem;font-size:.76rem}.tab-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm);padding:0;list-style:none;overflow:hidden}.tab-list>li{border-bottom:1px solid var(--line);align-items:center;gap:.85rem;padding:.45rem .75rem;display:flex}.tab-list>li:last-child{border-bottom:0}.tab-list>li:hover,.tab-list>li:focus-within{background:color-mix(in srgb, var(--fg) 5%, transparent)}.tab-list>li:hover .btn-sm,.tab-list>li:focus-within .btn-sm{border-color:var(--line-strong);color:var(--fg)}.tab-list>li:hover .btn-sm[disabled],.tab-list>li:focus-within .btn-sm[disabled]{border-color:var(--line);color:var(--fg-muted)}.mono-badge{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);width:26px;height:26px;font-family:var(--font-mono);color:var(--fg-muted);flex:none;place-items:center;font-size:.72rem;display:grid}.tab-main{flex-wrap:wrap;flex:1;align-items:baseline;gap:.1rem .55rem;min-width:0;display:flex}.tab-main a{font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:550;overflow:hidden}.tab-main .note{flex-basis:100%}.tab-main a:hover{text-underline-offset:3px;text-decoration:underline}.tab-main .url{font-family:var(--font-mono);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.7rem;overflow:hidden}.tab-actions{flex:none;gap:.3rem;display:flex}.tab-list .tab-actions{border-left:1px solid var(--line);gap:.25rem;padding-left:.75rem}@media (width<=700px){.tab-list .tab-actions{border-left:0;padding-left:.4rem}}.grid-2{gap:1.25rem;display:grid}@media (width>=1000px){.grid-2{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1.5rem}}.mark[data-astro-cid-77qc4tpx]{color:var(--accent);flex:none;transform:translateY(.08em)}.lang[data-astro-cid-l4evwy7q]{border:1px solid var(--line);border-radius:var(--radius);align-items:center;display:inline-flex;overflow:hidden}.lang__option[data-astro-cid-l4evwy7q]{min-width:30px;height:32px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-subtle);place-items:center;padding:0 .4rem;font-size:.68rem;transition:color .15s,background .15s;display:grid}.lang__option[data-astro-cid-l4evwy7q]+.lang__option[data-astro-cid-l4evwy7q]{border-left:1px solid var(--line)}a[data-astro-cid-l4evwy7q].lang__option:hover{color:var(--fg);background:var(--bg-soft)}.lang__option[data-astro-cid-l4evwy7q].is-active{color:var(--bg);background:var(--fg)}