:root{color-scheme:dark;--bg: #070A10;--bg-2: #0A0E16;--surface: #10151F;--surface-2: #141A26;--surface-hover: #19212F;--ink: #EAF0F8;--ink-2: #AAB7C7;--ink-3: #6F7E91;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .15);--accent: #5B8CFF;--accent-2: #87A9FF;--accent-ink: #060912;--accent-soft: rgba(91, 140, 255, .14);--accent-line: rgba(91, 140, 255, .42);--accent-glow: rgba(91, 140, 255, .3);--grid: rgba(255, 255, 255, .035);--grad-1: #5B8CFF;--grad-2: #22D3EE;--grad-3: #A78BFA;--max: 1180px;--radius: 16px;--radius-sm: 10px;--shadow: 0 30px 70px -28px rgba(0, 0, 0, .75);--ease: cubic-bezier(.22, 1, .36, 1);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-display: "Outfit", var(--font-sans);font-family:var(--font-sans)}:root[data-theme=light]{color-scheme:light;--bg: #EBF0F7;--bg-2: #F4F7FC;--surface: #FFFFFF;--surface-2: #F8FAFD;--surface-hover: #FFFFFF;--ink: #0C1623;--ink-2: #3F4F63;--ink-3: #6B7C90;--line: rgba(12, 22, 35, .11);--line-2: rgba(12, 22, 35, .18);--accent: #2C6BF2;--accent-2: #1E58DE;--accent-ink: #FFFFFF;--accent-soft: rgba(44, 107, 242, .1);--accent-line: rgba(44, 107, 242, .4);--accent-glow: rgba(44, 107, 242, .2);--grid: rgba(12, 22, 35, .05);--shadow: 0 26px 60px -28px rgba(20, 45, 90, .28);--grad-1: #2C6BF2;--grad-2: #0891B2;--grad-3: #7C3AED}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{min-height:100%;margin:0;color:var(--ink);font-family:inherit;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 80% at 8% -8%,var(--accent-soft),transparent 46%),radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 50%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--bg);background-size:auto,auto,64px 64px,64px 64px,auto;background-attachment:fixed;transition:background-color .32s var(--ease),color .32s var(--ease)}a{color:inherit;text-decoration-color:var(--accent-line);text-underline-offset:.22em;transition:color .2s var(--ease),text-decoration-color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}a:hover{color:var(--accent);text-decoration-color:var(--accent)}img{display:block;max-width:100%}::selection{color:var(--accent-ink);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.site-shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;padding:16px 0;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s var(--ease),background .2s var(--ease)}.site-header:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 72%,transparent);z-index:-1}.site-header[data-scrolled=true]{border-bottom-color:var(--line)}.brand-mark{display:inline-flex;align-items:center;width:clamp(104px,12vw,132px);color:var(--ink);text-decoration:none}.brand-logo{display:block;width:100%;aspect-ratio:987 / 195;background-color:var(--ink);-webkit-mask:url(/logo.svg) no-repeat center / contain;mask:url(/logo.svg) no-repeat center / contain;transition:background-color .18s var(--ease)}.brand-mark:hover .brand-logo{background-color:var(--accent)}.nav-cluster{display:flex;align-items:center;gap:6px}.site-nav{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em}.nav-link{padding:8px 12px;border-radius:999px;color:var(--ink-2);text-decoration:none;transition:color .18s var(--ease),background .18s var(--ease)}.nav-link:hover{color:var(--ink);background:var(--surface-hover)}.nav-link[aria-current=page]{color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-left:6px;padding:0;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.theme-toggle:hover{color:var(--ink);border-color:var(--accent-line);transform:translateY(-1px)}.theme-toggle svg{width:18px;height:18px}.kicker,.section-eyebrow,.card__index,.note-date,.tag,.command-line,.site-footer,.mono{font-family:var(--font-mono)}.kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--accent);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}.kicker:before{content:"";width:22px;height:1px;background:var(--accent-line)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(252px,.62fr);gap:clamp(40px,6vw,96px);align-items:center;min-height:calc(100svh - 72px);padding:clamp(48px,7vw,96px) 0 clamp(56px,8vw,104px)}.hero-main,.hero-aside{position:relative;z-index:1}.hero-sparkles{position:absolute;inset:-8% -6% -2%;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(58% 62% at 32% 38%,#000 0%,rgba(0,0,0,.55) 48%,transparent 78%);mask-image:radial-gradient(58% 62% at 32% 38%,#000 0%,rgba(0,0,0,.55) 48%,transparent 78%);opacity:0;animation:sparkles-fade 1.2s var(--ease) .2s forwards}.hero-sparkles .sparkles-fill,.hero-sparkles .sparkles-fill canvas{width:100%!important;height:100%!important}@keyframes sparkles-fade{to{opacity:1}}.hero h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(3.6rem,11vw,9.6rem);font-weight:600;letter-spacing:-.05em;line-height:.86}.hero h1 .accent{color:var(--accent)}.hero-copy{max-width:640px;margin:30px 0 0;color:var(--ink-2);font-size:clamp(1.05rem,1.6vw,1.22rem)}.command-line{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:7px 13px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:.78rem;letter-spacing:.02em}.command-line .dot{width:7px;height:7px;border-radius:50%;background:#36d399;box-shadow:0 0 0 3px color-mix(in srgb,#36d399 22%,transparent)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-aside{align-self:center}.portrait-frame{position:relative;margin:0;overflow:hidden;border-radius:20px;border:1px solid var(--line-2);background:var(--surface-2);box-shadow:var(--shadow)}.portrait-frame:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--bg) 78%,transparent))}.portrait-frame img{aspect-ratio:4 / 5;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.03);transition:transform .6s var(--ease),filter .4s var(--ease)}.portrait-frame:hover img{transform:scale(1.035)}.portrait-cap{position:absolute;left:14px;bottom:12px;z-index:3;margin:0;color:var(--ink-2);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-size:.92rem;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease)}.btn svg{width:16px;height:16px}.btn--primary{color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);box-shadow:0 10px 30px -12px var(--accent-glow)}.btn--primary:hover{color:var(--accent-ink);background:var(--accent-2);transform:translateY(-2px);box-shadow:0 16px 38px -12px var(--accent-glow)}.btn--ghost{color:var(--ink);background:var(--surface);border:1px solid var(--line-2)}.btn--ghost:hover{color:var(--ink);border-color:var(--accent-line);background:var(--surface-hover);transform:translateY(-2px)}.cta-link{display:inline-flex;align-items:center;gap:7px;margin-top:24px;color:var(--accent);font-family:var(--font-mono);font-size:.86rem;text-decoration:none}.cta-link svg{width:15px;height:15px;transition:transform .18s var(--ease)}.cta-link:hover svg{transform:translate(4px)}.section{border-top:1px solid var(--line);padding:clamp(54px,8vw,96px) 0}.section-head{display:grid;grid-template-columns:minmax(150px,.32fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start;margin-bottom:38px}.section-eyebrow{margin:6px 0 0;color:var(--ink-3);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.section-eyebrow .hash{color:var(--accent)}.section-lede{max-width:760px;margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.6rem,3.1vw,2.9rem);font-weight:500;letter-spacing:-.035em;line-height:1.04}.section-sub{max-width:680px;margin:18px 0 0;color:var(--ink-2);font-size:clamp(1.02rem,1.5vw,1.16rem)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0;list-style:none}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 26px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease)}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(140% 100% at 0% 0%,var(--accent-soft),transparent 60%);transition:opacity .24s var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--accent-line);background:var(--surface-hover);box-shadow:var(--shadow)}.card:hover:after{opacity:1}.card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card__index{color:var(--ink-3);font-size:.78rem;letter-spacing:.14em}.card__title{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.18rem,1.7vw,1.46rem);font-weight:600;letter-spacing:-.02em;line-height:1.12}.card a.card__title:hover{color:var(--accent)}.card__desc{margin:0;color:var(--ink-2);font-size:.98rem}.card__meta{margin-top:auto;padding-top:6px}.card--link{cursor:pointer}.tag{display:inline-flex;align-items:center;padding:5px 11px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.tag--accent{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}.badge{padding:9px 14px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:.84rem;transition:border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.badge:hover{color:var(--ink);border-color:var(--accent-line);transform:translateY(-1px)}.note-list{margin:0;padding:0;list-style:none}.note-item{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(120px,.2fr);gap:24px;align-items:start;padding:26px 4px;border-top:1px solid var(--line);transition:padding-left .22s var(--ease),background .22s var(--ease)}.note-item:first-child{border-top:0}.note-item:hover{background:var(--surface);padding-left:18px;border-radius:var(--radius-sm)}.note-date{color:var(--ink-3);font-size:.78rem;letter-spacing:.04em;padding-top:4px}.note-title{margin:0 0 7px;font-family:var(--font-display);font-weight:500;font-size:clamp(1.14rem,1.9vw,1.5rem);letter-spacing:-.02em;line-height:1.12}.note-title a{color:var(--ink);text-decoration:none}.note-title a:hover{color:var(--accent)}.note-item p{margin:0;max-width:640px;color:var(--ink-2)}.note-item .tag{justify-self:end;align-self:start}.panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(28px,4vw,44px);background:radial-gradient(120% 140% at 100% 0%,var(--accent-soft),transparent 55%),var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow)}.panel h2{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;letter-spacing:-.03em;line-height:1.05}.panel p{margin:0;max-width:540px;color:var(--ink-2)}.page-intro{max-width:1040px;padding:clamp(52px,8vw,92px) 0 40px}.page-title{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(3.2rem,9vw,7.6rem);font-weight:600;letter-spacing:-.05em;line-height:.88}.page-copy{max-width:720px;margin:26px 0 0;color:var(--ink-2);font-size:clamp(1.05rem,1.6vw,1.22rem)}.gradient-title .gword{position:relative;background-image:linear-gradient(110deg,var(--grad-1),var(--grad-2),var(--grad-3),var(--grad-2),var(--grad-1));background-size:220% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:gtext-flow 7s linear infinite}.gradient-title .gword:before{content:attr(data-word);position:absolute;inset:0;z-index:-1;background-image:inherit;background-size:inherit;background-position:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:blur(22px);opacity:.5;animation:inherit}.gradient-title .gword--2{animation-duration:8.5s;animation-delay:-2.5s}.gradient-title .gword--3{animation-duration:10s;animation-delay:-5s}@keyframes gtext-flow{0%{background-position:0% 50%}to{background-position:220% 50%}}.grid-hero{position:relative}.grid-hero>:not(.grid-backdrop){position:relative;z-index:1}.grid-backdrop{position:absolute;z-index:0;top:-28px;left:-24px;right:-24px;height:clamp(380px,58vh,660px);overflow:hidden;border-radius:18px;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent);mask-image:linear-gradient(to bottom,#000 58%,transparent)}.grid-layer{position:absolute;inset:-48px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;animation:grid-scroll 9s linear infinite}.grid-layer--spot{background-image:linear-gradient(var(--accent-line) 1px,transparent 1px),linear-gradient(90deg,var(--accent-line) 1px,transparent 1px);-webkit-mask-image:radial-gradient(240px circle at var(--mx, 62%) var(--my, 32%),#000 0%,transparent 70%);mask-image:radial-gradient(240px circle at var(--mx, 62%) var(--my, 32%),#000 0%,transparent 70%)}.grid-blobs{position:absolute;inset:0;background:radial-gradient(40% 62% at 100% 0%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 60%),radial-gradient(42% 60% at 0% 100%,color-mix(in srgb,var(--grad-2) 22%,transparent),transparent 62%)}@keyframes grid-scroll{to{background-position:40px 40px,40px 40px}}.like{display:flex;align-items:center;gap:14px;margin:44px 0 0;flex-wrap:wrap}.like__btn{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer;font:inherit;transition:border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease),background .18s var(--ease)}.like__btn:hover{color:var(--ink);border-color:var(--accent-line);transform:translateY(-1px)}.like__btn.is-liked{color:#ff5a7a;border-color:#ff5a7a80;background:#ff5a7a14}.like__heart{position:relative;display:inline-flex}.like__heart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7px;transition:transform .2s var(--ease)}.like__btn.is-liked .like__heart svg{fill:#ff5a7a;stroke:#ff5a7a}.like__btn.is-burst .like__heart svg{animation:like-pop .42s var(--ease)}@keyframes like-pop{0%{transform:scale(1)}35%{transform:scale(.82)}70%{transform:scale(1.18)}to{transform:scale(1)}}.like__count{font-family:var(--font-mono);font-size:.9rem;min-width:1ch;text-align:center}.like__label{color:var(--ink-3);font-size:.84rem}.like__burst{position:absolute;inset:0;pointer-events:none}.like__burst i{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ff5a7a;opacity:0}.like__btn.is-burst .like__burst i{animation:like-burst .56s var(--ease) forwards}.like__burst i:nth-child(1){--deg: 0deg}.like__burst i:nth-child(2){--deg: 60deg}.like__burst i:nth-child(3){--deg: 120deg}.like__burst i:nth-child(4){--deg: 180deg}.like__burst i:nth-child(5){--deg: 240deg}.like__burst i:nth-child(6){--deg: 300deg}@keyframes like-burst{0%{opacity:1;transform:rotate(var(--deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--deg)) translateY(-16px) scale(.4)}}.author-card{display:flex;gap:18px;align-items:center;margin:44px 0 8px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.author-card img{width:72px;height:72px;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--line-2)}.author-card__eyebrow{margin:0 0 6px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.author-card__copy{margin:0;color:var(--ink-2);font-size:.96rem;line-height:1.6}@media(max-width:520px){.author-card{flex-direction:column;align-items:flex-start}}.note-article{max-width:760px;margin:0 auto;padding:clamp(52px,8vw,88px) 0 clamp(72px,10vw,112px)}.note-article h1{margin:16px 0 22px;color:var(--ink);font-family:var(--font-display);font-size:clamp(2.6rem,6.4vw,5rem);font-weight:600;line-height:.94;letter-spacing:-.04em}.note-summary{margin:0 0 40px;color:var(--ink-2);font-size:clamp(1.08rem,1.6vw,1.28rem)}.prose{border-top:1px solid var(--line);padding-top:34px;color:var(--ink-2);font-size:1.08rem;line-height:1.78}.prose p,.prose ul,.prose ol{margin:0 0 1.3rem}.prose h2{margin:2.4rem 0 .9rem;color:var(--ink);font-family:var(--font-display);font-size:1.7rem;font-weight:600;line-height:1.1;letter-spacing:-.03em}.prose a{color:var(--accent)}.prose strong{color:var(--ink)}.prose blockquote{margin:0 0 1.3rem;padding:4px 0 4px 20px;border-left:2px solid var(--accent-line);color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding:44px 0 56px;color:var(--ink-3)}.footer-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;font-size:.78rem;letter-spacing:.04em}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{color:var(--ink-2);text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-meta{letter-spacing:.08em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal-stagger.is-visible>*{opacity:1;transform:none}.reveal-stagger.is-visible>*:nth-child(2){transition-delay:70ms}.reveal-stagger.is-visible>*:nth-child(3){transition-delay:.14s}.reveal-stagger.is-visible>*:nth-child(4){transition-delay:.21s}.reveal-stagger.is-visible>*:nth-child(5){transition-delay:.28s}.reveal-stagger.is-visible>*:nth-child(6){transition-delay:.35s}@media(max-width:860px){.site-shell{width:min(100% - 28px,var(--max))}.hero{grid-template-columns:1fr;min-height:auto;padding:36px 0 56px;gap:40px}.hero-aside{order:-1;max-width:320px}.section-head{grid-template-columns:1fr;gap:16px}.card-grid,.card-grid--3{grid-template-columns:1fr}.note-item{grid-template-columns:1fr;gap:8px}.note-item:hover{padding-left:12px}.note-item .tag{justify-self:start}.panel{grid-template-columns:1fr}}@media(max-width:520px){.site-header{padding:12px 0}.site-nav{gap:0;font-size:.74rem}.nav-link{padding:7px 9px;white-space:nowrap}.nav-link[href="/"]{display:none}.theme-toggle{width:34px;height:34px;margin-left:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}}