@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--bg:#f7f3ea;--panel:#f2ede2;--text:#151515;--muted:#151515b8;--faint:#1515158c;--hair:#1515151a;--hair-2:#15151524;--accent:#c45a3b;--accent-2:#c45a3b2e;--font-sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--max:1080px;--read:780px;--gutter:clamp(20px,5vw,72px);--section:clamp(28px,4vw,56px);--row-pad-y:clamp(14px,1.9vw,20px);--r-sm:10px;--r-md:14px}:root[data-theme=dark]{--bg:#121314;--panel:#17181a;--text:#f2f0ea;--muted:#f2f0eab8;--faint:#f2f0ea8c;--hair:#f2f0ea1a;--hair-2:#f2f0ea29;--accent:#d06a4a;--accent-2:#d06a4a33}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--accent-2)}:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #c45a3b8c}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.container-read{width:100%;max-width:var(--read);padding:0 var(--gutter);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair);background:#f7f3ead1;position:sticky;top:0}:root[data-theme=dark] .site-header{background:#121314d1}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.brand{letter-spacing:-.025em;font-size:clamp(24px,2vw,30px);font-weight:850;line-height:1}.nav,.nav-links{align-items:center;gap:18px;display:flex}.nav-link{color:var(--muted);font-size:14px;transition:color .14s,opacity .14s}.nav-link:hover{color:var(--text)}.nav-link[aria-current=page]{color:var(--text);font-weight:600}.icon-links{align-items:center;gap:10px;display:flex}.icon-link{border:1px solid var(--hair);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .14s,border-color .14s;display:inline-flex}.icon-link:hover{border-color:var(--hair-2);background:#1515150a}:root[data-theme=dark] .icon-link:hover{background:#f2f0ea0f}.page{padding:var(--section)0}.home-title{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(44px,5.4vw,74px);font-weight:850;line-height:1.02}.page-title{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.05}.page-subtitle{color:var(--muted);max-width:70ch;margin:0;font-size:16px}.emph{box-shadow:inset 0 -.45em 0 var(--accent-2);border-radius:6px;padding:0 .06em}.accent{color:var(--accent)}.list{border-top:1px solid var(--hair);margin-top:18px}.row{padding:var(--row-pad-y)0;border-bottom:1px solid var(--hair);grid-template-columns:1fr auto;gap:22px;display:grid}.row:hover{background:#15151505}:root[data-theme=dark] .row:hover{background:#f2f0ea0a}.row-main{flex-direction:column;gap:7px;min-width:0;display:flex}.row-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.row-desc{color:var(--muted);max-width:72ch;margin:0;font-size:15px}.row-meta{font-family:var(--font-mono);color:var(--faint);letter-spacing:.02em;white-space:nowrap;padding-top:4px;font-size:12px}.prose{margin-top:18px}.prose h2{letter-spacing:-.01em;margin:28px 0 10px;font-size:18px}.prose p{color:#151515d1;margin:0 0 14px}:root[data-theme=dark] .prose p{color:#f2f0ead1}.prose hr{border:0;border-top:1px solid var(--hair);margin:28px 0}.kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:12px}.bullets{margin:12px 0 0;padding-left:0;list-style:none}.bullets li{color:#151515d1;margin:8px 0;padding-left:18px;font-size:15px;line-height:1.55;position:relative}:root[data-theme=dark] .bullets li{color:#f2f0ead1}.bullets li:before{content:"•";color:var(--faint);position:absolute;top:0;left:0}.theme-toggle{border:1px solid var(--hair);background:#15151505;border-radius:999px;align-items:center;width:78px;height:34px;padding:3px;display:inline-flex;position:relative}:root[data-theme=dark] .theme-toggle{background:#f2f0ea0f}.theme-toggle .thumb{background:var(--panel);will-change:transform;border-radius:999px;width:calc(50% - 3px);transition:transform .18s;position:absolute;top:3px;bottom:3px;left:3px}.theme-toggle[data-theme=dark] .thumb{transform:translate(calc(100% + 3px))}.theme-toggle button{z-index:1;appearance:none;cursor:pointer;height:28px;color:var(--muted);background:0 0;border:0;flex:1;justify-content:center;align-items:center;transition:color .14s;display:inline-flex;position:relative}.theme-toggle[data-theme=light] button[data-side=light],.theme-toggle[data-theme=dark] button[data-side=dark]{color:var(--text)}@media (max-width:720px){.header-inner{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:14px 0}.row{grid-template-columns:1fr;gap:10px}.row-meta{padding-top:0}.row-title{font-size:20px}}.prose,.prose p,.prose li,.prose span,.prose small,.prose em,.prose blockquote,.prose figcaption{color:var(--muted)}.prose h1,.prose h2,.prose h3,.prose h4,.prose strong{color:var(--text)}.prose a{color:var(--text);border-bottom:1px solid var(--hair-2);padding-bottom:1px}.prose a:hover{border-bottom-color:var(--text)}.tag,.tags a,.meta,.caption{color:var(--muted)}.prose code{color:var(--text);border:1px solid var(--hair);background:#1515150a;border-radius:8px;padding:.15em .35em}:root[data-theme=dark] .prose code{background:#f2f0ea14}