:root{color-scheme:light;--color-paper: #f6f7f9;--color-ink: #15171a;--color-muted: #626973;--color-line: #d7dce3;--color-surface: #ffffff;--color-surface-strong: #edf1f6;--color-accent: #0071e3;--color-accent-soft: #e6f1ff;--color-mark: #101113;--color-warm: #a35f2d;--shadow-soft: 0 18px 48px rgb(15 23 42 / .08);--font-display: "SF Pro Display", "Inter", "Noto Sans SC", system-ui, sans-serif;--font-body: Inter, "SF Pro Text", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--space-page: clamp(20px, 4vw, 64px);--width-content: 760px;--width-wide: 1180px;--radius: 8px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-paper: #050608;--color-ink: #f5f7fa;--color-muted: #9aa3af;--color-line: #252b33;--color-surface: #101319;--color-surface-strong: #171c24;--color-accent: #66b8ff;--color-accent-soft: #10283f;--color-mark: #f5f7fa;--color-warm: #d59a64;--shadow-soft: 0 20px 56px rgb(0 0 0 / .28)}}[data-theme=light]{color-scheme:light;--color-paper: #f6f7f9;--color-ink: #15171a;--color-muted: #626973;--color-line: #d7dce3;--color-surface: #ffffff;--color-surface-strong: #edf1f6;--color-accent: #0071e3;--color-accent-soft: #e6f1ff;--color-mark: #101113;--color-warm: #a35f2d;--shadow-soft: 0 18px 48px rgb(15 23 42 / .08)}[data-theme=dark]{color-scheme:dark;--color-paper: #050608;--color-ink: #f5f7fa;--color-muted: #9aa3af;--color-line: #252b33;--color-surface: #101319;--color-surface-strong: #171c24;--color-accent: #66b8ff;--color-accent-soft: #10283f;--color-mark: #f5f7fa;--color-warm: #d59a64;--shadow-soft: 0 20px 56px rgb(0 0 0 / .28)}.article-shell{width:min(100% - var(--space-page) * 2,var(--width-content));margin:0 auto;padding:clamp(58px,8vw,112px) 0}.article-header{margin-bottom:48px}.article-title{margin:14px 0 18px;font-family:var(--font-display);font-size:clamp(40px,7vw,76px);font-weight:600;letter-spacing:0;line-height:1.08}.article-description{color:var(--color-muted);font-size:20px}.article-meta{color:var(--color-muted);font-family:var(--font-mono);font-size:12px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}.tag-list li{border:1px solid var(--color-line);border-radius:999px;padding:4px 10px;color:var(--color-muted);font-size:13px}.tag-list a{text-decoration:none}.prose{font-size:18px}.prose :where(p,ul,ol,blockquote){margin:0 0 1.35em}.prose :where(h2,h3){margin:2em 0 .7em;font-family:var(--font-display);line-height:1.2}.prose h2{font-size:32px}.prose h3{font-size:24px}.prose a{color:var(--color-accent)}.prose blockquote{border-left:2px solid var(--color-accent);padding-left:18px;color:var(--color-muted)}.prose code{border:1px solid var(--color-line);border-radius:5px;padding:.12em .34em;background:color-mix(in srgb,var(--color-surface) 70%,transparent);font-family:var(--font-mono);font-size:.9em}.prose pre{overflow-x:auto;border-radius:var(--radius);padding:18px}.prose pre code{border:0;padding:0;background:transparent}*{box-sizing:border-box}html{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.6;text-rendering:optimizeLegibility}body{min-height:100vh;margin:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-strong) 72%,transparent),transparent 420px),var(--color-paper)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.24em}a:hover{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}::selection{background:var(--color-accent-soft)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:12px var(--space-page);border-bottom:1px solid color-mix(in srgb,var(--color-line) 72%,transparent);background:color-mix(in srgb,var(--color-paper) 88%,transparent);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-ink);font-size:17px;font-weight:650;text-decoration:none}.brand-mark{display:block;width:30px;height:30px;flex:0 0 auto}.brand-mark-field{fill:var(--color-mark)}.brand-mark-cut{fill:var(--color-paper)}.brand-name{line-height:1}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;color:var(--color-muted);font-size:14px}.site-nav a{text-decoration:none}.theme-toggle{display:inline-grid;width:70px;height:32px;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--color-line);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-muted);cursor:pointer}.theme-toggle-track{position:relative;display:grid;width:62px;height:24px;grid-template-columns:repeat(3,1fr);align-items:center}.theme-toggle-option{position:relative;z-index:1;display:block;width:100%;height:100%}.theme-toggle-option:after{position:absolute;inset:50% auto auto 50%;width:7px;height:7px;border-radius:999px;background:currentColor;content:"";transform:translate(-50%,-50%)}.theme-toggle-option-system:after{width:11px;height:11px;border:1px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.theme-toggle-option-light:after{width:10px;height:10px}.theme-toggle-option-dark:after{width:9px;height:9px;background:transparent;box-shadow:inset -3px -1px 0 currentColor}.theme-toggle-indicator{position:absolute;top:3px;left:2px;width:18px;height:18px;border-radius:999px;background:var(--color-accent);box-shadow:0 4px 14px #0071e347}.theme-toggle[data-theme-mode=light] .theme-toggle-indicator{transform:translate(21px)}.theme-toggle[data-theme-mode=dark] .theme-toggle-indicator{transform:translate(42px)}.site-main,.page-shell{width:min(100% - var(--space-page) * 2,var(--width-wide));margin:0 auto}.hero{position:relative;display:grid;min-height:clamp(520px,78svh,720px);place-items:center;padding:clamp(72px,9vw,124px) 0 clamp(56px,7vw,92px);overflow:hidden;text-align:center}.hero-mark{position:absolute;top:50%;left:50%;width:min(72vw,560px);max-height:68%;opacity:.055;pointer-events:none;transform:translate(-50%,-52%)}.hero-mark path:first-child{fill:var(--color-mark)}.hero-mark path:last-child{fill:var(--color-paper)}.hero-inner{position:relative;z-index:1;display:grid;justify-items:center}.hero-kicker,.section-kicker,.entry-kicker{margin:0;color:var(--color-accent);font-family:var(--font-mono);font-size:12px;letter-spacing:0;text-transform:uppercase}.hero-title{max-width:940px;margin:18px 0 12px;font-family:var(--font-display);font-size:clamp(48px,8vw,104px);font-weight:700;letter-spacing:0;line-height:1.06}.hero-attribution{margin:0;color:var(--color-muted);font-family:var(--font-mono);font-size:13px}.hero-copy{max-width:620px;margin:28px 0 0;color:var(--color-muted);font-size:clamp(17px,2vw,21px)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:34px}.text-link{display:inline-flex;align-items:center;min-height:42px;color:var(--color-accent);font-weight:550;text-decoration:none}.text-link:after{margin-left:6px;content:">"}.section{padding:clamp(54px,8vw,96px) 0;border-top:1px solid var(--color-line)}.featured-section{padding-top:clamp(42px,6vw,72px)}.section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(240px,.45fr);gap:clamp(24px,5vw,72px);margin-bottom:28px;align-items:end}.section h1,.section h2,.page-title{margin:0;font-family:var(--font-display);font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1.12}.section-description,.page-description{max-width:620px;margin:12px 0 0;color:var(--color-muted);font-size:17px}.entry-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:0;padding:0;list-style:none}.entry-item{min-height:210px;padding:24px;border:1px solid var(--color-line);border-radius:var(--radius);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-soft)}.entry-link{display:grid;gap:16px;color:var(--color-ink);text-decoration:none}.entry-title{display:block;font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.18}.entry-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--color-muted);font-family:var(--font-mono);font-size:12px}.entry-collection{color:var(--color-accent)}.entry-date{white-space:nowrap}.entry-summary{margin:18px 0 0;color:var(--color-muted)}.page-hero{padding:clamp(72px,10vw,132px) 0 clamp(42px,7vw,84px)}.archive-year{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:36px 0;border-top:1px solid var(--color-line)}.archive-year h2{margin:0;color:var(--color-accent);font-family:var(--font-mono);font-size:14px}.archive-list{margin:0;padding:0;list-style:none}.archive-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding-bottom:16px}.search-panel{max-width:var(--width-content);padding-bottom:72px}.not-found{display:grid;min-height:64svh;align-content:center;padding:clamp(72px,10vw,132px) 0}:where(.pagefind-ui,pagefind-searchbox){--pagefind-ui-primary: var(--color-accent);--pagefind-ui-text: var(--color-ink);--pagefind-ui-background: var(--color-paper);--pagefind-ui-border: var(--color-line);--pagefind-ui-tag: var(--color-accent-soft);--pagefind-ui-border-radius: var(--radius);--pagefind-ui-font: var(--font-body)}.site-footer{width:min(100% - var(--space-page) * 2,var(--width-wide));margin:72px auto 0;padding:28px 0 40px;border-top:1px solid var(--color-line);color:var(--color-muted);font-size:14px}@media(prefers-reduced-motion:no-preference){html,body,.site-header,.brand-mark-cut,.entry-item,.theme-toggle,.site-footer{transition:color .18s ease,background-color .18s ease,border-color .18s ease,fill .18s ease}.theme-toggle-indicator{transition:transform .18s ease,background-color .18s ease}}@media(max-width:820px){.site-header{position:static;align-items:flex-start;flex-direction:column}.header-actions{width:100%;align-items:flex-start;justify-content:space-between}.site-nav{justify-content:flex-start}.hero{min-height:auto;text-align:left}.hero-inner{justify-items:start}.hero-actions{justify-content:flex-start}.hero-mark{left:auto;right:-28%;width:108vw;transform:translateY(-52%)}.section-head,.archive-year,.archive-list li{grid-template-columns:1fr}}@media(max-width:560px){.header-actions{flex-direction:column-reverse;gap:14px}.hero-title{font-size:clamp(42px,14vw,64px)}.entry-item{min-height:auto}}