:root{--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:#8896a8;--primary:#1d5bd6;--primary-2:#1548b0;--sky-100:#e8f4fe;--sky-200:#c5e4fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--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 #0a16280a;--shadow:0 1px 3px 0 #0a16280f, 0 1px 2px -1px #0a16280f;--shadow-md:0 4px 6px -1px #0a162814, 0 2px 4px -2px #0a16280f;--shadow-lg:0 10px 30px -10px #0a162826, 0 4px 12px -4px #0a162814;--shadow-xl:0 25px 50px -12px #0a162833;--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}*{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-family:var(--serif);letter-spacing:0;font-style:italic;font-weight:400}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(#d9ecff 0%,#e7f1ff 28%,#eef6ff 60%,#f4f9ff 100%);position:fixed;inset:0;overflow:hidden}.sky:before{content:"";filter:blur(12px);background:radial-gradient(closest-side,#fef08a80,#fef08a00 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-200px;right:-100px}.sun-glow{pointer-events:none;background:radial-gradient(closest-side,#fde04740,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-180px;right:-80px}.cloud{will-change:transform;opacity:.85;filter:drop-shadow(0 24px 30px #38bdf81a);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;-webkit-backdrop-filter:blur(18px)saturate(160%);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:4px;padding:6px 6px 6px 10px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0f172a0a,0 12px 28px -16px #0f172a33,0 2px 6px -2px #0f172a1a}.nav .avatar{background:linear-gradient(160deg, var(--sky-400), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid;box-shadow:inset 0 1px #fff6,0 4px 10px -2px #2563eb73}.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:#0f172a0a}.nav ul a.is-current{color:var(--primary);background:var(--sky-100)}.nav .nav-cta{background:var(--fg);color:#fff;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:#0f172a0d;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);box-shadow:var(--shadow-sm);background:#fff}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:#fff;box-shadow:var(--shadow)}.btn.primary:hover{background:var(--primary);box-shadow:var(--shadow-lg), 0 8px 24px -6px #2563eb66;transform:translateY(-1px)}.btn.secondary{backdrop-filter:blur(6px);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow-sm);background:#ffffffb3}.btn.secondary:hover{border-color:var(--border-2);background:#fff;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{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffffb3;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:#ffffff8c}.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-family:var(--serif);color:var(--accent,var(--primary));letter-spacing:0;font-style:italic;font-weight:400}.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:#fff9;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-family:var(--serif);color:var(--accent,var(--primary));letter-spacing:-.01em;font-style:italic;font-weight:400}.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-family:var(--serif);color:var(--fg);font-style:italic}.post-body p:first-of-type:first-letter{font-family:var(--serif);float:left;color:var(--accent,var(--primary));padding:.05em .12em 0 0;font-size:3.4em;font-style:italic;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);font-family:var(--serif);color:var(--muted);background:#ffffff80;font-style:italic}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}footer .live{vertical-align:1px;background:#22c55e;border-radius:50%;width:5px;height:5px;margin-right:5px;animation:2.4s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 0 3px #22c55e2e}.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}}