:root{color-scheme:light;--bg:#f0f6ff;--bg-2:#e5eefb;--card:#fff;--card-2:#f8fafd;--border:#e1e7ef;--border-2:#c8d3e0;--ring:#93c5fd;--fg:#0a1628;--fg-2:#2d3a4d;--muted:#5c6b7f;--faint:#64738a;--primary:#1d5bd6;--primary-2:#1548b0;--sky-100:#e8f4fe;--sky-200:#c5e4fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--ok:#047857;--warn:#c2410c;--live:#16a34a;--on-emphasis:#fff;--glass-ch:255 255 255;--wash-ch:15 23 42;--ink-ch:15 23 42;--shadow-ch:10 22 40;--primary-ch:29 91 214;--primary-glow-ch:37 99 235;--sky-g1:#d9ecff;--sky-g2:#e7f1ff;--sky-g3:#eef6ff;--sky-g4:#f4f9ff;--sun-core:#fef08a80;--sun-halo:#fde04740;--cloud-filter:brightness(1);--nav-border:rgb(var(--glass-ch) / .9);--tile-dim:.62;--sky-stars:none;--cloud-shadow:#38bdf81a;--glow-cool:#7dd3fc73;--glow-warm:#fef08a80;--band-bg:#eef0f3;--band-bg-2:#e2e6ec;--band-fg:#14171c;--band-muted:#7a8494;--band-text:#3d4450;--band-accent:#2b59c3;--band-cta-fg:#fff;--band-shadow:#14171c59;--shell:#0d1220;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius:14px;--radius-sm:10px;--radius-lg:20px;--shadow-sm:0 1px 2px 0 rgb(var(--shadow-ch) / .04);--shadow:0 1px 3px 0 rgb(var(--shadow-ch) / .06), 0 1px 2px -1px rgb(var(--shadow-ch) / .06);--shadow-md:0 4px 6px -1px rgb(var(--shadow-ch) / .08), 0 2px 4px -2px rgb(var(--shadow-ch) / .06);--shadow-lg:0 10px 30px -10px rgb(var(--shadow-ch) / .15), 0 4px 12px -4px rgb(var(--shadow-ch) / .08);--shadow-xl:0 25px 50px -12px rgb(var(--shadow-ch) / .2);--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif:"Instrument Serif", Georgia, serif}@media screen{:root[data-theme=dark]{color-scheme:dark;--bg:#0b1220;--bg-2:#0e1730;--card:#121c30;--card-2:#16223a;--border:#24304a;--border-2:#33415e;--ring:#7cb0ff;--fg:#e6edf8;--fg-2:#bac6da;--muted:#8b9bb4;--faint:#7d8fa9;--primary:#7cb0ff;--primary-2:#9cc3ff;--sky-100:#14263f;--sky-200:#1b3457;--sky-300:#4a9fe0;--ok:#34d399;--warn:#fb923c;--live:#4ade80;--on-emphasis:#0b1220;--glass-ch:16 24 42;--wash-ch:226 236 255;--ink-ch:0 0 0;--shadow-ch:0 0 0;--primary-ch:124 176 255;--primary-glow-ch:96 156 255;--sky-g1:#091120;--sky-g2:#0b1526;--sky-g3:#0e1a30;--sky-g4:#12213a;--sun-core:#e2eeff29;--sun-halo:#c7dcff1a;--cloud-filter:brightness(.32) saturate(.5);--nav-border:#ffffff14;--tile-dim:.85;--sky-stars:radial-gradient(1.5px 1.5px at 8% 12%, #e2eeffcc 50%, transparent 100%), radial-gradient(1px 1px at 22% 28%, #e2eeff8c 50%, transparent 100%), radial-gradient(1.5px 1.5px at 37% 8%, #e2eeffb3 50%, transparent 100%), radial-gradient(1px 1px at 52% 21%, #e2eeff80 50%, transparent 100%), radial-gradient(2px 2px at 64% 6%, #e2eeffbf 50%, transparent 100%), radial-gradient(1px 1px at 71% 33%, #e2eeff73 50%, transparent 100%), radial-gradient(1.5px 1.5px at 83% 15%, #e2eeffa6 50%, transparent 100%), radial-gradient(1px 1px at 93% 27%, #e2eeff80 50%, transparent 100%), radial-gradient(1px 1px at 15% 44%, #e2eeff66 50%, transparent 100%), radial-gradient(1.5px 1.5px at 45% 39%, #e2eeff73 50%, transparent 100%), radial-gradient(1px 1px at 78% 47%, #e2eeff61 50%, transparent 100%), radial-gradient(1px 1px at 30% 55%, #e2eeff4d 50%, transparent 100%);--cloud-shadow:#02061073;--glow-cool:#3b82f624;--glow-warm:#93c5fd1a;--band-bg:#171a21;--band-bg-2:#1f232d;--band-fg:#e7eaf0;--band-muted:#9aa4b5;--band-text:#c3cad6;--band-accent:#7fa8f2;--band-cta-fg:#14171c;--band-shadow:#00000080;--shadow-sm:0 1px 2px 0 #00000059;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #00000059;--shadow-md:0 4px 6px -1px #00000073, 0 2px 4px -2px #0006;--shadow-lg:0 10px 30px -10px #0000008c, 0 4px 12px -4px #00000073;--shadow-xl:0 25px 50px -12px #0009}}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b1220;--bg-2:#0e1730;--card:#121c30;--card-2:#16223a;--border:#24304a;--border-2:#33415e;--ring:#7cb0ff;--fg:#e6edf8;--fg-2:#bac6da;--muted:#8b9bb4;--faint:#7d8fa9;--primary:#7cb0ff;--primary-2:#9cc3ff;--sky-100:#14263f;--sky-200:#1b3457;--sky-300:#4a9fe0;--ok:#34d399;--warn:#fb923c;--live:#4ade80;--on-emphasis:#0b1220;--glass-ch:16 24 42;--wash-ch:226 236 255;--ink-ch:0 0 0;--shadow-ch:0 0 0;--primary-ch:124 176 255;--primary-glow-ch:96 156 255;--sky-g1:#091120;--sky-g2:#0b1526;--sky-g3:#0e1a30;--sky-g4:#12213a;--sun-core:#e2eeff29;--sun-halo:#c7dcff1a;--cloud-filter:brightness(.32) saturate(.5);--nav-border:#ffffff14;--tile-dim:.85;--sky-stars:radial-gradient(1.5px 1.5px at 8% 12%, #e2eeffcc 50%, transparent 100%), radial-gradient(1px 1px at 22% 28%, #e2eeff8c 50%, transparent 100%), radial-gradient(1.5px 1.5px at 37% 8%, #e2eeffb3 50%, transparent 100%), radial-gradient(1px 1px at 52% 21%, #e2eeff80 50%, transparent 100%), radial-gradient(2px 2px at 64% 6%, #e2eeffbf 50%, transparent 100%), radial-gradient(1px 1px at 71% 33%, #e2eeff73 50%, transparent 100%), radial-gradient(1.5px 1.5px at 83% 15%, #e2eeffa6 50%, transparent 100%), radial-gradient(1px 1px at 93% 27%, #e2eeff80 50%, transparent 100%), radial-gradient(1px 1px at 15% 44%, #e2eeff66 50%, transparent 100%), radial-gradient(1.5px 1.5px at 45% 39%, #e2eeff73 50%, transparent 100%), radial-gradient(1px 1px at 78% 47%, #e2eeff61 50%, transparent 100%), radial-gradient(1px 1px at 30% 55%, #e2eeff4d 50%, transparent 100%);--cloud-shadow:#02061073;--glow-cool:#3b82f624;--glow-warm:#93c5fd1a;--band-bg:#171a21;--band-bg-2:#1f232d;--band-fg:#e7eaf0;--band-muted:#9aa4b5;--band-text:#c3cad6;--band-accent:#7fa8f2;--band-cta-fg:#14171c;--band-shadow:#00000080;--shadow-sm:0 1px 2px 0 #00000059;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #00000059;--shadow-md:0 4px 6px -1px #00000073, 0 2px 4px -2px #0006;--shadow-lg:0 10px 30px -10px #0000008c, 0 4px 12px -4px #00000073;--shadow-xl:0 25px 50px -12px #0009}}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--fg);font-family:var(--sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";letter-spacing:.005em;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}em,.italic{font-style:normal;font-weight:inherit}strong{font-weight:600}::selection{background:var(--sky-200);color:var(--fg)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sky{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--sky-g1) 0%, var(--sky-g2) 28%, var(--sky-g3) 60%, var(--sky-g4) 100%);position:fixed;inset:0;overflow:hidden}.sky:before{content:"";background:radial-gradient(closest-side, var(--sun-core), #fef08a00 70%);filter:blur(12px);border-radius:50%;width:700px;height:700px;position:absolute;top:-200px;right:-100px}.sky:after{content:"";background:var(--sky-stars);position:absolute;inset:0}.sun-glow{background:radial-gradient(closest-side, var(--sun-halo), transparent 65%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-180px;right:-80px}.cloud{will-change:transform;opacity:.85;filter:var(--cloud-filter) drop-shadow(0 24px 30px var(--cloud-shadow));position:absolute}.cloud svg{width:100%;height:auto;display:block}.cloud.c1{opacity:.92;width:380px;top:6%}.cloud.c2{opacity:.65;width:260px;top:18%}.cloud.c3{opacity:.78;width:460px;top:36%}.cloud.c4{opacity:.6;width:320px;top:56%}.cloud.c5{opacity:.72;width:420px;top:74%}.cloud.c6{opacity:.5;width:280px;top:88%}.bird{width:20px;height:12px;color:var(--fg);position:absolute;left:-5%}.bird.b1{opacity:.55;top:14%}.bird.b2{opacity:.35;top:22%;transform:scale(.7)}.bird.b3{opacity:.45;top:30%;transform:scale(.85)}.nav-wrap{z-index:30;pointer-events:none;justify-content:center;margin:16px auto 0;padding:0 16px;display:flex;position:sticky;top:16px}.nav{pointer-events:auto;background:rgb(var(--glass-ch) / .72);-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--nav-border);box-shadow:0 1px 0 rgb(var(--glass-ch) / .9) inset, 0 0 0 1px rgb(var(--ink-ch) / .04), 0 12px 28px -16px rgb(var(--ink-ch) / .2), 0 2px 6px -2px rgb(var(--ink-ch) / .1);border-radius:999px;align-items:center;gap:4px;padding:6px 6px 6px 10px;display:inline-flex}.nav .avatar{background:linear-gradient(160deg, var(--sky-400), var(--primary));width:30px;height:30px;color:var(--on-emphasis);box-shadow:inset 0 1px 0 #fff6, 0 4px 10px -2px rgb(var(--primary-glow-ch) / .45);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.nav ul{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.nav ul a{color:var(--fg-2);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:color .18s,background .18s;display:inline-block}.nav ul a:hover{color:var(--fg);background:rgb(var(--wash-ch) / .04)}.nav ul a.is-current{color:var(--primary);background:var(--sky-100)}.nav ul li.nav-rule{background:var(--border-2);flex:none;width:1px;height:16px;margin:0 8px}.nav ul li.nav-project a{background:var(--band-bg);color:var(--band-fg);white-space:nowrap;border-radius:999px;align-items:center;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.nav ul li.nav-project a:hover{background:var(--band-bg-2);color:var(--band-fg)}.nav .nav-cta{background:var(--fg);color:var(--on-emphasis);border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .18s,transform .18s;display:inline-flex}.nav .nav-cta:hover{background:var(--primary)}.nav .nav-cta .dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 3px #4ade8040}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.lang-switch{background:rgb(var(--wash-ch) / .05);border-radius:999px;align-items:center;gap:1px;margin-left:4px;padding:2px;display:inline-flex}.lang-switch button,.lang-switch a{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:500;transition:color .16s,background .16s,box-shadow .16s}.lang-switch button:hover,.lang-switch a:hover{color:var(--fg)}.lang-switch button.is-active,.lang-switch a.is-active{color:var(--primary);background:var(--card);box-shadow:var(--shadow-sm)}main.page{z-index:1;max-width:72rem;margin:0 auto;padding:clamp(28px,5vh,56px) clamp(20px,4vw,56px) clamp(40px,6vh,72px);position:relative}.btn{font-size:var(--text-sm);letter-spacing:0;cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:10px 15px;font-weight:500;transition:all .18s;display:inline-flex}.btn.primary{background:var(--fg);color:var(--on-emphasis);box-shadow:var(--shadow)}.btn.primary:hover{background:var(--primary);box-shadow:var(--shadow-lg), 0 8px 24px -6px rgb(var(--primary-glow-ch) / .4);transform:translateY(-1px)}.btn.secondary{background:rgb(var(--glass-ch) / .7);backdrop-filter:blur(6px);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn.secondary:hover{background:var(--card);border-color:var(--border-2);transform:translateY(-1px)}.btn .arr{transition:transform .18s}.btn:hover .arr{transform:translate(2px,-1px)}.blog-page-hero{padding:clamp(20px, 5vh, 44px) 0 var(--space-6);position:relative}.blog-eyebrow{border:1px solid var(--primary);font-family:var(--mono);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:6px;align-items:center;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex}.blog-head-row{margin-top:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.blog-page-hero h1{letter-spacing:-.035em;color:var(--fg);margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1}.blog-page-hero h1 em{color:var(--primary)}.blog-page-hero .sub{margin:var(--space-4) 0 0;max-width:40rem;color:var(--muted);font-size:var(--text-base);line-height:1.65}.blog-lang{background:rgb(var(--glass-ch) / .7);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;align-self:center;align-items:center;gap:2px;padding:3px 3px 3px 8px;display:inline-flex}.blog-lang-ic{color:var(--muted);place-items:center;margin-right:2px;display:grid}.blog-lang button,.blog-lang a{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:500;transition:color .16s,background .16s,box-shadow .16s}.blog-lang button:hover,.blog-lang a:hover{color:var(--fg)}.blog-lang button.is-active,.blog-lang a.is-active{color:var(--primary);background:var(--sky-100);box-shadow:inset 0 0 0 1px var(--sky-200)}.blog-index{margin-top:var(--space-8);border-top:1px solid var(--border)}.blog-row{gap:var(--space-5);padding:var(--space-6) var(--space-2);border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:8.5rem 1fr auto;align-items:baseline;transition:background .2s;display:grid;position:relative}.blog-row:hover{background:rgb(var(--glass-ch) / .55)}.blog-row:focus-visible{outline:2px solid var(--accent,var(--primary));outline-offset:-2px}.blog-date{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);padding-top:4px;font-size:11px}.blog-main{min-width:0}.blog-row-title{letter-spacing:-.02em;color:var(--fg);text-wrap:pretty;margin:0 0 6px;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:600;line-height:1.2}.blog-row-title i{font-style:normal}.blog-dek{font-size:var(--text-sm);color:var(--fg-2);text-wrap:pretty;max-width:44rem;margin:0;line-height:1.55}.blog-tags{align-items:center;gap:8px;margin-top:8px;display:flex}.blog-cat{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent,var(--primary));font-size:9.5px;font-weight:500}.blog-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--border-2);border-radius:999px;padding:2px 7px;font-size:9px}.blog-only{font-family:var(--mono);letter-spacing:.04em;color:var(--faint);font-size:9px}.blog-aside{justify-self:end;align-items:center;gap:12px;padding-top:4px;display:flex}.blog-read{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:10.5px}.blog-arrow{color:var(--accent,var(--primary));font-size:16px;transition:transform .2s}.blog-row:hover .blog-arrow{transform:translate(3px)}@media (width<=640px){.nav{gap:2px;max-width:calc(100vw - 20px);padding:5px 6px 5px 8px}.nav ul{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.nav ul::-webkit-scrollbar{display:none}.nav ul a{white-space:nowrap;padding:7px 10px;font-size:12.5px}.lang-switch{flex-shrink:0}}@media (width<=720px){.blog-row{padding:var(--space-5) var(--space-2);grid-template-columns:1fr;gap:6px}.blog-aside{justify-self:start;margin-top:6px}}.back-link{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--border);background:rgb(var(--glass-ch) / .6);border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;transition:all .18s;display:inline-flex}.back-link:hover{color:var(--primary);border-color:var(--border-2);transform:translate(-2px)}.post-wrap{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:12px;display:flex}.post{max-width:44rem;margin:0 auto}.post-head{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.post-meta{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:11px;display:flex}.post-meta .accent{color:var(--accent,var(--primary))}.post-meta .badge{border:1px dashed var(--border-2);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 8px}.post h1{letter-spacing:-.03em;margin:0 0 var(--space-4);color:var(--fg);text-wrap:balance;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:600;line-height:1.08}.post h1 i{font-style:normal}.post .dek{font-size:var(--text-lg);color:var(--fg-2);max-width:38rem;margin:0;line-height:1.55}.post-body{color:var(--fg-2);font-size:1.0625rem;line-height:1.75}.post-body p{text-wrap:pretty;margin:0 0 1.2em}.post-body p i,.post-body em{font-style:normal}.post-body p:first-of-type:first-letter{float:left;color:var(--accent,var(--primary));padding:.05em .12em 0 0;font-size:3.4em;line-height:.78}.post-foot{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;display:flex}.post-foot .links{font-size:var(--text-sm);flex-wrap:wrap;gap:10px 18px;display:flex}.post-foot .links a{color:var(--primary);border-bottom:1px solid color-mix(in oklab, var(--primary) 25%, transparent)}.post-foot .links a:hover{border-bottom-color:var(--primary)}.post-draft-note{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border:1px dashed var(--border-2);border-radius:var(--radius);background:rgb(var(--glass-ch) / .5);color:var(--muted)}footer.colophon{margin-top:clamp(var(--space-12), 8vh, var(--space-16));padding:var(--space-6) 0;border-top:1px solid var(--border);justify-content:space-between;gap:var(--space-3);font-family:var(--mono);color:var(--muted);letter-spacing:.01em;flex-wrap:wrap;font-size:.6875rem;display:flex}.see-all{font-family:var(--mono);letter-spacing:.02em;color:var(--primary);align-self:center;align-items:center;gap:6px;font-size:11px;transition:gap .18s,color .18s;display:inline-flex}.see-all:hover{color:var(--primary-2);gap:9px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.theme-toggle{width:30px;height:30px;color:var(--muted);border-radius:999px;flex-shrink:0;place-items:center;margin-left:2px;transition:color .16s,background .16s;display:grid}.theme-toggle:hover{color:var(--fg);background:rgb(var(--wash-ch) / .05)}.theme-toggle svg{width:15px;height:15px}.theme-toggle .tt-sun{display:none}:root[data-theme=dark] .theme-toggle .tt-sun{display:block}:root[data-theme=dark] .theme-toggle .tt-moon,.theme-toggle[hidden]{display:none}[data-theme=dark] .blog-cat,[data-theme=dark] .blog-arrow,[data-theme=dark] .post-meta .accent,[data-theme=dark] .post-body p:first-of-type:first-letter{color:var(--accent-dark,var(--primary))}[data-theme=dark] .blog-row:focus-visible{outline-color:var(--accent-dark,var(--primary))}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .blog-cat,:root:not([data-theme=light]) .blog-arrow,:root:not([data-theme=light]) .post-meta .accent,:root:not([data-theme=light]) .post-body p:first-of-type:first-letter{color:var(--accent-dark,var(--primary))}:root:not([data-theme=light]) .blog-row:focus-visible{outline-color:var(--accent-dark,var(--primary))}}