@font-face{font-family:IBM Plex Mono;src:url(/assets/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/fonts/IBMPlexMono-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg:#0b0c10;--bg2:#0f1016;--text:#e7e7ee;--muted:#a7a7b3;--line:#ffffff14;--pink:#ff3d86;--pink2:#ff3d861f;--shadow:0 20px 70px #0000008c;--radius:18px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(1200px 700px at 70% -10%,#ff3d8629,transparent 60%),radial-gradient(900px 600px at 10% 0%,#ff3d8614,transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));min-height:100vh;color:var(--text);letter-spacing:.1px;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace}.bg-noise{opacity:.08;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.20'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-horizon{filter:blur(.6px);opacity:.3;pointer-events:none;background:linear-gradient(90deg,#0000,#ff3d8659,#ff3d86cc,#ff3d8659,#0000);height:2px;position:fixed;top:20%;left:-10%;right:-10%}.container{width:min(980px,100% - 44px);margin:0 auto}.header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0a0a0e8c;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:9px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.brand-name{color:var(--text)}.brand-slash{color:var(--pink)}.brand-notes{color:var(--muted)}.nav{gap:8px;display:flex}.nav a{color:var(--muted);border-radius:10px;padding:9px;font-size:13px;text-decoration:none}.nav a:hover{color:var(--text);background:#ffffff0a}.hero{padding-top:clamp(130px,16vh,200px);padding-bottom:clamp(80px,11vh,130px)}.kicker{color:#ff3d86e0;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:12px}h1{letter-spacing:-.035em;margin:0;font-size:clamp(40px,6.2vw,70px);line-height:1.03}.lede{color:var(--muted);max-width:62ch;margin:18px 0 0;font-size:18px;line-height:1.65}.section{border-top:1px solid var(--line);padding:20px 0 80px}.notes-list{display:grid}.note-row{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:28px;padding:32px 0;display:grid}.note-row time{color:var(--muted);padding-top:5px;font-size:13px}.note-row h2{letter-spacing:-.02em;margin:0 0 9px;font-size:23px;line-height:1.25}.note-row h2 a{color:var(--text);text-decoration:none}.note-row h2 a:hover{color:var(--pink)}.note-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px}.prose-wrap{max-width:820px}.note,.standalone{padding-top:clamp(90px,12vh,140px);padding-bottom:100px}.note-header{border-bottom:1px solid var(--line);margin-bottom:44px;padding-bottom:42px}.note-header .back{color:var(--muted);margin-bottom:36px;font-size:13px;text-decoration:none;display:inline-block}.note-header .back:hover{color:var(--pink)}.note-header h1{font-size:clamp(38px,5.6vw,62px)}.prose{color:#d7d7df;font-size:17px;line-height:1.82}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 1.6em}.prose h2{color:var(--text);letter-spacing:-.02em;margin:2.4em 0 .7em;font-size:26px}.prose h3{color:var(--text);margin:2em 0 .6em;font-size:20px}.prose a{color:var(--pink);text-underline-offset:3px}.prose blockquote{border-left:2px solid var(--pink);color:var(--muted);padding:4px 0 4px 22px}.prose img{border-radius:var(--radius);border:1px solid var(--line);max-width:100%;height:auto;box-shadow:var(--shadow);margin:2.2em auto;display:block}.prose code{background:#ffffff0d;border-radius:5px;padding:.12em .35em;font-family:inherit;font-size:.9em}.prose pre{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:18px;overflow:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.footer{border-top:1px solid var(--line);padding:24px 0 34px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.fine{color:#e7e7ee8c;font-size:12px}@media (width<=680px){.container{width:min(100% - 30px,980px)}.header-inner{align-items:flex-start;gap:12px}.brand{font-size:12px}.nav{gap:0}.nav a{padding:7px;font-size:12px}.hero{padding-top:100px}.note-row{grid-template-columns:1fr;gap:10px}.note-row time{padding:0}.note,.standalone{padding-top:75px}.prose{font-size:16px}.footer-inner{display:grid}}
