:root{--purple:#6E34E9;--purple-deep:#5A29C9;--purple-dark:#2E1A5C;--purple-mid:#8D6BF0;--purple-light:#F1ECFE;--purple-tint:#E6DEFC;--lav:#C9B8FA;--ink:#1B1633;--ink-2:#4A4560;--muted:#6B6880;--line:#E4DEF6;--blue-light:#EEF4FF;--white:#fff;--good:#1F9A62;--display:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--body:Inter,system-ui,-apple-system,sans-serif;--mono:"Space Mono",ui-monospace,monospace;--bg:var(--white);--fg:var(--ink);--accent:var(--purple);--border:var(--line);--code-bg:var(--purple-light);color-scheme:light}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--white);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1140px;margin:0 auto;padding-inline:24px}.narrow{max-width:960px}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.1;text-wrap:balance}h1{font-size:clamp(38px,5vw,60px);color:var(--purple)}h1,h2{font-weight:800}h2{font-size:clamp(30px,3.6vw,44px);color:var(--purple-dark)}h3{font-size:20px;font-weight:700;color:var(--ink)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;gap:24px;padding:14px 24px}.logo,.nav{align-items:center}.logo{display:inline-flex;text-decoration:none}.logo img{display:block;height:46px;width:auto}.logo.small img{height:38px}.site-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.site-nav a{font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none}.site-nav a:hover{color:var(--purple)}@media (max-width:900px){.site-nav{display:none}}.site-footer{padding:40px 0 48px;font-size:14px;color:var(--ink-2);border-top:1px solid var(--line);margin-top:0}.foot-top{justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.foot-links,.foot-top{display:flex;flex-wrap:wrap}.foot-links{gap:22px;padding:18px 0}.foot-links a{font-family:var(--mono);font-size:13px;color:var(--purple-dark);text-decoration:none}.foot-disc{font-size:13.5px;color:var(--muted);max-width:80ch;line-height:1.5}.container{max-width:44rem;margin:0 auto;padding:48px 24px 72px}.container h1{font-size:clamp(32px,4vw,44px);color:var(--purple-dark);margin-bottom:12px}.container h2{font-size:26px;margin-top:2.25rem;margin-bottom:.6rem}.container h3{font-size:20px;margin-top:1.75rem;margin-bottom:.5rem}.container p{margin:0 0 1rem}.container ol,.container ul{padding-left:1.4rem;margin:0 0 1rem}.container li{margin-bottom:.35rem}.tagline{color:var(--muted);font-size:1.05rem;margin:-.25rem 0 1.5rem}.post-meta{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);margin-bottom:2rem}.post-list{list-style:none;padding:0;margin:0}.post-list li{padding:1.1rem 0;border-bottom:1px solid var(--border);margin:0}.post-list .title{font-family:var(--display);font-weight:700;font-size:1.2rem;display:block;color:var(--purple-dark)}.post-list .desc{color:var(--ink-2);margin:.3rem 0 .35rem}.post-list .date{font-family:var(--mono);font-size:12px;color:var(--muted)}article img{max-width:100%;height:auto}article blockquote{border-left:3px solid var(--purple);margin:1.5rem 0;padding:.1rem 0 .1rem 1.1rem;color:var(--ink-2)}article code{padding:.15em .35em;border-radius:4px;font-size:.9em}article code,article pre{background:var(--code-bg)}article pre{padding:1rem;border-radius:8px;overflow-x:auto}article pre code{background:none;padding:0}article table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:0 0 1rem}article td,article th{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}article th{color:var(--purple-dark)}.article-disc,article th{background:var(--purple-light)}.article-disc{margin-top:2.5rem;padding:16px 18px;border-radius:12px;font-size:14px;color:var(--ink-2)}.logo-svg{display:inline-flex;align-items:center;gap:11px}.logo-svg.small{gap:9px}.logo-mark{flex:none;filter:drop-shadow(0 6px 14px rgba(110,52,233,.28));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s}.logo-word{display:block;width:auto}.logo:hover .logo-mark{transform:rotate(-6deg) scale(1.06);filter:drop-shadow(0 10px 20px rgba(110,52,233,.38))}.logo:hover{text-decoration:none}.site-header{transition:box-shadow .3s,background .3s}.site-header.scrolled{box-shadow:0 10px 30px rgba(46,26,92,.08);background:rgba(255,255,255,.97)}.read-progress{position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--purple-mid),var(--purple));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}.site-nav a{position:relative;padding-bottom:2px}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.site-nav a:hover{text-decoration:none}.site-nav a:hover:after{transform:scaleX(1)}html[data-fx=on] .rv{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * 70ms)}html[data-fx=on] .rv.in{opacity:1;transform:none}.cnt{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){html .rv{opacity:1!important;transform:none!important}.logo-mark,.site-header,.site-nav a:after,html .rv{transition:none!important}}@media (max-width:1100px){.site-nav{gap:14px}.site-nav a{font-size:14px}.logo-svg .logo-word{height:24px}}@media (max-width:980px){.site-nav{display:none}}