:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-serif-cjk: "Songti SC", "Noto Serif SC", Georgia, serif;--glass-blur: 26px;--prose-size: 18px;--ease: cubic-bezier(.22, .61, .36, 1)}:root[data-theme=light]{--bg: #eef0f3;--bg-grad-1: #fbfcfe;--bg-grad-2: #e7e9ee;--fg: #16161a;--fg-2: rgba(22, 22, 26, .62);--fg-3: rgba(22, 22, 26, .4);--fg-4: rgba(22, 22, 26, .26);--hair: rgba(22, 22, 26, .1);--hair-soft: rgba(22, 22, 26, .06);--glass-bg: rgba(255, 255, 255, .48);--glass-bg-strong: rgba(255, 255, 255, .64);--glass-border: rgba(255, 255, 255, .85);--glass-hi: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 .5px rgba(255, 255, 255, .4);--glass-shadow: 0 1px 2px rgba(20, 22, 30, .05), 0 10px 34px -8px rgba(20, 22, 30, .14);--chip-bg: rgba(22, 22, 26, .05);--solid-fg: #16161a;--solid-bg-text: #fbfcfe;color-scheme:light}:root[data-theme=dark]{--bg: #0a0a0d;--bg-grad-1: #1a1b21;--bg-grad-2: #060608;--fg: #f4f5f7;--fg-2: rgba(244, 245, 247, .62);--fg-3: rgba(244, 245, 247, .42);--fg-4: rgba(244, 245, 247, .28);--hair: rgba(255, 255, 255, .12);--hair-soft: rgba(255, 255, 255, .07);--glass-bg: rgba(38, 40, 48, .42);--glass-bg-strong: rgba(40, 42, 52, .58);--glass-border: rgba(255, 255, 255, .14);--glass-hi: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 0 0 .5px rgba(255, 255, 255, .04);--glass-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 44px -10px rgba(0, 0, 0, .6);--chip-bg: rgba(255, 255, 255, .08);--solid-fg: #f4f5f7;--solid-bg-text: #0a0a0d;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:18px;line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin:0;letter-spacing:0}img,video{max-width:100%}.lg-shell{position:relative;min-height:100vh;overflow:hidden;background:var(--bg);transition:background .6s var(--ease),color .5s var(--ease)}.lg-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 78% -10%,var(--bg-grad-1) 0%,transparent 55%),radial-gradient(100% 90% at 8% 100%,var(--bg-grad-1) 0%,transparent 50%),linear-gradient(180deg,var(--bg-grad-1) 0%,var(--bg) 38%,var(--bg-grad-2) 100%)}main,.site-footer,.site-nav{position:relative;z-index:1}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(185%);backdrop-filter:blur(var(--glass-blur)) saturate(185%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hi)}.t-eyebrow{color:var(--fg-3);font-size:12px;font-weight:600;letter-spacing:0;text-transform:uppercase}.t-mono{font-variant-numeric:tabular-nums;letter-spacing:0}.site-nav{position:fixed;top:0;right:0;left:0;z-index:100;display:flex;justify-content:center;padding:16px 16px 0;pointer-events:none}.nav-pill{display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);height:54px;padding:0 10px 0 20px;border-radius:100px;pointer-events:auto}.wordmark{display:inline-flex;align-items:baseline;gap:1px;color:var(--fg);font-size:16px;font-weight:600;white-space:nowrap}.wordmark span:last-child{opacity:.42;font-weight:400}.wordmark.small{font-size:14px}.nav-divider{width:1px;height:20px;background:var(--hair)}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:7px 13px;border-radius:100px;color:var(--fg-2);font-size:13.5px;font-weight:400;transition:color .25s,background .25s}.nav-links a:hover{background:var(--chip-bg);color:var(--fg)}.theme-toggle{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass-bg);color:var(--fg);cursor:pointer;touch-action:manipulation;transition:transform .35s var(--ease),background .35s,border-color .35s;-webkit-tap-highlight-color:transparent}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--fg-3);outline-offset:3px}@media(hover:hover)and (pointer:fine){.theme-toggle:hover{transform:rotate(-16deg) scale(1.05)}}@media(hover:none),(pointer:coarse){.theme-toggle{transition:transform .18s var(--ease),background .25s,border-color .25s}.theme-toggle:hover{transform:none}.theme-toggle:active{transform:scale(.96)}}.hero{position:relative;display:flex;min-height:600px;align-items:center;justify-content:center;padding:120px 28px 84px}.hero-video{position:absolute;z-index:1;inset:0;overflow:hidden}.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--ease),transform 1.2s var(--ease);will-change:opacity}.hero-video video.is-active{opacity:1}.hero-video:after{position:absolute;inset:-2%;background:radial-gradient(118% 112% at 50% 42%,transparent 42%,var(--bg) 100%);content:""}.hero-card{position:relative;z-index:2;width:100%;max-width:820px;padding:64px 72px 58px;border-radius:34px;text-align:center}.hero-card .t-eyebrow{margin-bottom:24px}.hero-card h1{font-size:62px;font-weight:600;line-height:1.12}.hero-card h1 span{color:var(--fg-3)}.hero-card p:not(.t-eyebrow){max-width:520px;margin:26px auto 0;color:var(--fg-2);font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:36px}.btn-solid,.btn-glass{display:inline-flex;align-items:center;gap:8px;border-radius:100px;cursor:pointer;font-size:14px;text-decoration:none;transition:transform .35s var(--ease),opacity .3s}.btn-solid{padding:11px 22px;border:none;background:var(--solid-fg);color:var(--solid-bg-text);font-weight:600}.btn-glass{padding:10px 21px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--fg);font-weight:500;box-shadow:var(--glass-hi)}.btn-solid:hover,.btn-glass:hover{transform:translateY(-2px);opacity:.9}.article-list{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:24px 28px 20px}.list-heading{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--hair)}.list-heading .t-mono{color:var(--fg-3);font-size:13px;white-space:nowrap}.rows{display:grid}.article-row{border-bottom:1px solid var(--hair)}.row-link{display:grid;grid-template-columns:56px 1fr auto;gap:28px;align-items:start;padding:30px 14px;border-radius:14px;transition:background .4s var(--ease)}.row-link:hover{background:var(--chip-bg)}.row-number{padding-top:7px;color:var(--fg-4);font-size:14px}.row-body{min-width:0}.row-body h2{color:var(--fg);font-size:25px;font-weight:600;line-height:1.32}.row-body p{max-width:620px;margin-top:10px;color:var(--fg-2);font-size:15px;line-height:1.65}.row-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;color:var(--fg-3);font-size:13px}.row-arrow{display:grid;width:40px;height:40px;margin-top:4px;place-items:center;border:1px solid var(--hair);border-radius:50%;color:var(--fg);opacity:0;transform:translate(-6px,4px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.row-link:hover .row-arrow{opacity:1;transform:translate(0)}.article-main{max-width:680px;margin:0 auto;padding:112px 28px 0}.article-back{display:inline-flex;margin-bottom:38px;padding:6px 0;color:var(--fg-2);font-size:14px;transition:opacity .25s,transform .3s var(--ease)}.article-back:hover{opacity:.7;transform:translate(-3px)}.article-header{margin-bottom:44px}.article-meta{display:flex;align-items:center;gap:14px;margin-bottom:20px}.chip{display:inline-flex;height:26px;align-items:center;padding:0 12px;border:1px solid var(--hair-soft);border-radius:100px;background:var(--chip-bg);color:var(--fg-2);font-size:12px;font-weight:500}.article-meta .t-mono{color:var(--fg-3);font-size:13px}.article-header h1{font-size:40px;font-weight:600;line-height:1.34}.author-row{display:flex;align-items:center;margin-top:26px;color:var(--fg-2);font-size:14px}.prose{color:var(--fg);font-size:var(--prose-size);line-height:1.85}.prose p{margin:0 0 1.75em;color:var(--fg);text-wrap:pretty}.prose h2,.prose h3{margin:2.5em 0 .9em;color:var(--fg);font-size:1.34em;font-weight:600;line-height:1.5}.prose blockquote{margin:2em 0;padding:2px 0 2px 28px;border-left:3px solid var(--fg-4);color:var(--fg);font-family:var(--font-serif-cjk);font-size:1.28em;font-weight:500;line-height:1.66}.prose ul,.prose ol{margin:1.4em 0;padding-left:1.4em}.prose li{margin:.5em 0;line-height:1.85}code{padding:.12em .32em;border-radius:4px;background:var(--chip-bg);color:var(--fg)}.article-end{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:56px 0 12px;padding-top:30px;border-top:1px solid var(--hair);color:var(--fg-2);font-size:14.5px}.neighbor-posts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 0}.neighbor-card{padding:20px 22px;border-radius:18px;color:var(--fg)}.neighbor-card.next{text-align:right}.neighbor-card .t-mono{display:block;margin-bottom:9px;color:var(--fg-3);font-size:12px}.neighbor-card strong{font-size:16.5px;line-height:1.4}.read-bar{position:fixed;z-index:200;top:0;left:0;width:0;height:2px;background:var(--fg);transition:width .1s linear}.about-main,.work-main{max-width:920px;margin:0 auto;padding:128px 28px 8px}.not-found-main{display:grid;min-height:76vh;padding:128px 28px 28px;place-items:center}.not-found-card{width:min(100%,620px);padding:46px 48px;border-radius:28px;text-align:center}.not-found-card h1{margin-top:18px;font-size:42px;font-weight:600;line-height:1.2}.not-found-card p:not(.t-eyebrow){max-width:420px;margin:18px auto 0;color:var(--fg-2);font-size:16px;line-height:1.7}.about-hero,.work-hero{max-width:760px;padding-bottom:56px}.about-hero .t-eyebrow,.work-hero .t-eyebrow{margin-bottom:26px}.about-hero h1,.work-hero h1{font-size:52px;font-weight:600;line-height:1.16}.work-hero h1 span{color:var(--fg-3)}.about-hero p,.work-hero p{margin-top:22px;color:var(--fg-2);font-size:18px;line-height:1.85}.principles{padding:36px 0}.principles>.t-eyebrow{padding-bottom:22px;border-bottom:1px solid var(--hair)}.principle-row{display:grid;grid-template-columns:64px 220px 1fr;gap:28px;align-items:baseline;padding:28px 4px;border-bottom:1px solid var(--hair-soft)}.principle-row .t-mono{color:var(--fg-4);font-size:14px}.principle-row h2{font-size:20px;font-weight:600}.principle-row p{color:var(--fg-2);font-size:15.5px;line-height:1.7}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:36px 0 8px}.info-card{padding:28px 30px;border-radius:22px}.info-card .t-eyebrow{margin-bottom:18px}.info-card ul{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.info-card li{color:var(--fg);font-size:15.5px;line-height:1.6}.info-card li:before{display:inline-block;width:6px;height:6px;margin:0 12px 2px 0;border-radius:50%;background:var(--fg-3);content:""}.info-card a{display:flex;margin:0 0 12px;color:var(--fg);font-size:15.5px}.info-card .btn-solid{width:max-content;margin-top:8px}.repo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:40px 0 8px}.repo-card{display:flex;min-height:168px;flex-direction:column;padding:24px 26px;border-radius:22px;color:var(--fg);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.repo-card.featured{grid-column:span 2;min-height:200px;padding:30px 32px}.repo-card:hover{transform:translateY(-6px)}.repo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.repo-top strong{font-size:20px}.repo-card.featured .repo-top strong{font-size:24px}.repo-card p{max-width:520px;color:var(--fg-2);font-size:14.5px;line-height:1.62}.repo-card.featured p{font-size:16px}.repo-meta{display:flex;gap:18px;margin-top:auto;padding-top:22px;color:var(--fg-3);font-size:13px}.site-footer{margin-top:40px;border-top:1px solid var(--hair)}.footer-inner{max-width:720px;margin:0 auto;padding:64px 28px 28px;text-align:center}.footer-inner h2{margin-top:16px;font-size:28px;font-weight:600;line-height:1.3}.footer-copy{max-width:520px;margin:12px auto 0;color:var(--fg-2);font-size:15.5px;line-height:1.6}.subscribe-form{display:flex;align-items:center;gap:6px;max-width:420px;margin:26px auto 0;padding:6px;border-radius:100px}.subscribe-form input{min-width:0;flex:1;padding:0 16px;border:none;outline:none;background:transparent;color:var(--fg);font-size:14.5px}.subscribe-form input::placeholder{color:var(--fg-3)}.subscribe-form.is-disabled{opacity:.72}.subscribe-form input:disabled{color:var(--fg-3);cursor:not-allowed}.subscribe-form button:disabled{cursor:not-allowed;opacity:.48}.subscribe-form button:disabled:hover{transform:none;opacity:.48}.subscribe-done{display:inline-flex;margin-top:26px;padding:13px 22px;border-radius:100px;background:var(--glass-bg);color:var(--fg);font-size:14.5px}.footer-bottom{display:grid;grid-template-areas:"brand icp legal";grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;column-gap:28px;margin-top:56px;padding-top:26px;border-top:1px solid var(--hair-soft);color:var(--fg-3);font-size:13px}.footer-bottom .wordmark{grid-area:brand;justify-self:start;white-space:nowrap}.footer-legal{display:contents}.footer-legal .t-mono{grid-area:legal;justify-self:end;text-align:right;white-space:nowrap}.icp-link{grid-area:icp;justify-self:center;color:var(--fg-3);font-size:12.5px;white-space:nowrap;transition:color .25s}.icp-link:hover{color:var(--fg)}@media(max-width:760px){.nav-pill{width:calc(100vw - 24px);gap:10px;padding-left:14px}.nav-divider{display:none}.wordmark{font-size:14px}.nav-links{flex:1;overflow-x:auto}.nav-links a{padding:7px 9px;white-space:nowrap}.nav-subscribe{display:none}.theme-toggle{width:34px;height:34px}.hero{min-height:560px;padding:96px 16px 60px}.hero-card{padding:38px 22px 34px;border-radius:24px}.hero-card h1{font-size:36px}.hero-card p:not(.t-eyebrow){font-size:16px}.article-list{padding:20px 16px}.row-link{grid-template-columns:38px 1fr;gap:12px;padding:24px 4px}.row-arrow{display:none}.row-body h2{font-size:21px}.row-meta{gap:10px}.article-main,.about-main,.work-main,.not-found-main{padding:104px 20px 0}.not-found-card{padding:36px 24px;border-radius:24px}.not-found-card h1{font-size:32px}.article-header h1{font-size:30px}.neighbor-posts,.principle-row,.repo-grid{grid-template-columns:1fr}.principle-row{gap:8px}.about-hero h1,.work-hero h1{font-size:36px}.repo-card.featured{grid-column:auto}.subscribe-form{align-items:stretch;flex-direction:column;border-radius:22px}.subscribe-form input{min-height:44px}.footer-bottom{grid-template-areas:"brand" "legal" "icp";grid-template-columns:1fr;justify-items:center}.footer-bottom .wordmark,.footer-legal .t-mono{justify-self:center;text-align:center}}@media(prefers-reduced-motion:reduce){.hero-video video{transition:none}}