:root{--color-primary:#1A67FD;--color-secondary:#0A0D16;--color-tertiary:#BFFF5A;--color-neutral:#FCFCFD;--color-text-primary:#0A0D16;--color-text-secondary:#4E5057;--color-text-tertiary:#74767C;--color-surface-100:#FCFCFD;--color-surface-200:#F8F8FC;--color-surface-300:#F6F6F9;--color-surface-400:#F0F0F9;--color-border-100:#EBEEF7;--color-border-200:#D5D9E8;--color-status-success:#19F79A;--color-status-warning:#FFC650;--color-status-error:#FF806E;--color-status-info:#46D8FF;--color-blue-200:#46D8FF;--color-green-100:#5DF7B6;--color-green-200:#19F79A;--color-green-light-200:#B7FF5A;--color-purple-200:#C19AFF;--color-orange-200:#FFA030;--shadow-base:#0A0D1633;--shadow-panel:#0A0D1614;--color-surface-100-80:#FCFCFDCC;--font-sans:"IBM Plex Sans",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:48px;--radius-2xl:56px;--radius-full:9999px;--spacing-2xs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:72px;--spacing-grid:24px;--spacing-content-max:1200px;--spacing-page-max:1440px;--sp-section-y:48px}[data-theme=dark]{--color-primary:#5B8FFF;--color-text-primary:#B8B8BC;--color-text-secondary:#87878B;--color-text-tertiary:#868688;--color-surface-100:#17171C;--color-surface-200:#1E1E24;--color-surface-300:#17171C;--color-surface-400:#17171C;--color-border-100:#22242A;--color-border-200:#292C32;--color-surface-100-80:#17171CCC}@media (max-width:767px){:root{--sp-section-y:32px}}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-surface-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,ol,p,ul{margin:0}a{color:inherit;text-decoration:none}::selection{background-color:var(--color-tertiary);color:var(--color-secondary)}.type-h1{font-size:48px;font-weight:700;line-height:48px;letter-spacing:-1px}.type-h2{font-size:22px}.type-h2,.type-h3{font-weight:700;line-height:24px;letter-spacing:-1px}.type-h3{font-size:18px}.type-h4{font-weight:600}.type-body-large,.type-h4{font-size:16px;line-height:24px}.type-body,.type-body-large{font-weight:400}.type-body{font-size:14px;line-height:24px}.type-label{line-height:16px}.mono-eyebrow,.type-label{font-size:11px;font-weight:500}.mono-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.shell{display:flex;flex-direction:column;min-height:100svh}.container{width:100%;max-width:var(--spacing-content-max);margin-inline:auto;padding-inline:var(--spacing-lg)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:var(--color-surface-100-80);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border-100)}.site-header__inner{justify-content:space-between;height:64px}.brand,.site-header__inner{display:flex;align-items:center}.brand{gap:var(--spacing-sm);font-weight:700;letter-spacing:-.5px}.brand__mark{width:28px;height:28px;display:grid;place-items:center;background-color:var(--color-tertiary);color:var(--color-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:600;font-size:13px}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.header-nav a{font-size:13px;color:var(--color-text-secondary)}.header-nav a:hover{color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding-inline:var(--spacing-lg);border-radius:var(--radius-2xl);font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:32px;cursor:pointer;border:1px solid transparent;transition:filter .12s ease,background-color .12s ease}.btn--primary{background-color:var(--color-tertiary);color:var(--color-secondary);box-shadow:inset 0 -2px 0 0 var(--shadow-base)}.btn--primary:hover{filter:brightness(.97)}.btn--secondary{background-color:var(--color-neutral);color:var(--color-secondary);border-color:var(--color-border-200)}.btn--secondary:hover{background-color:var(--color-surface-200)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.hero{padding-block:var(--sp-section-y);border-bottom:1px solid var(--color-border-100)}.hero h1{max-width:18ch}.hero p{margin-top:var(--spacing-md);max-width:60ch;color:var(--color-text-secondary)}.hero__meta{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.section{padding-block:var(--sp-section-y)}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--spacing-lg)}.post-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (min-width:768px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-surface-100);border:1px solid var(--color-border-100);border-radius:var(--radius-md);transition:border-color .12s ease}.post-card:hover{border-color:var(--color-border-200)}.post-card__title{color:var(--color-text-primary)}.post-card__summary{color:var(--color-text-secondary);flex:1 1}.post-card__foot{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-tertiary);font-size:12px}.chip{display:inline-flex;align-items:center;height:22px;padding-inline:var(--spacing-sm);border-radius:var(--radius-full);background-color:var(--color-surface-300);font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.chip,.featured{border:1px solid var(--color-border-100)}.featured{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);padding:var(--spacing-2xl);background-color:var(--color-surface-200);border-radius:var(--radius-lg)}.featured h2,.featured p{margin-top:var(--spacing-sm)}.featured p{color:var(--color-text-secondary);max-width:70ch}.article{padding-block:var(--sp-section-y);max-width:720px;margin-inline:auto}.article__meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;margin-top:var(--spacing-md);color:var(--color-text-tertiary);font-size:13px}.prose{margin-top:var(--spacing-xl);color:var(--color-text-primary)}.prose>*+*{margin-top:var(--spacing-md)}.prose h2{font-size:22px;letter-spacing:-1px;margin-top:var(--spacing-2xl)}.prose h2,.prose h3{font-weight:700;line-height:24px}.prose h3{font-size:18px;margin-top:var(--spacing-xl)}.prose li,.prose p{font-size:16px;line-height:28px;color:var(--color-text-secondary)}.prose ol,.prose ul{padding-left:var(--spacing-lg)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.prose code{font-size:.9em;background-color:var(--color-surface-300);padding:2px 6px;border-radius:var(--radius-xs)}.prose code,.prose pre{font-family:var(--font-mono)}.prose pre{font-size:14px;line-height:24px;background-color:var(--color-surface-200);border:1px solid var(--color-border-100);border-radius:var(--radius-sm);padding:var(--spacing-lg);overflow-x:auto}.prose pre code{background:none;padding:0}.source-note{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-100);font-size:13px;color:var(--color-text-tertiary)}.cta{margin-block:var(--sp-section-y);padding:var(--spacing-2xl);background-color:var(--color-green-100);color:var(--color-secondary);border-radius:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.cta h2{max-width:28ch}.cta .btn--primary{background-color:var(--color-neutral);color:var(--color-primary);box-shadow:none}.site-footer{margin-top:auto;border-top:1px solid var(--color-border-100);background-color:var(--color-surface-200)}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--spacing-2xl);justify-content:space-between;padding-block:var(--spacing-2xl)}.footer-col h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.footer-col a{display:block;font-size:13px;color:var(--color-text-secondary);padding-block:2px}.footer-col a:hover{color:var(--color-text-primary)}.footer-note{font-size:12px;color:var(--color-text-tertiary);max-width:32ch}.theme-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-border-200);border-radius:var(--radius-sm);background-color:var(--color-surface-100);color:var(--color-text-secondary);cursor:pointer}.theme-toggle:hover{color:var(--color-text-primary)}