:root{--paper-0: #fefefd;--paper-1: #fafaf8;--paper-2: #f5f5f0;--paper-3: #ededE6;--paper-4: #e1e1d8;--ink-900: #1a1a1a;--ink-800: #2a2a28;--ink-700: #4a4a47;--ink-600: #6b6b66;--ink-500: #8a8a85;--ink-400: #a8a8a3;--teal-600: #0d9488;--teal-700: #0f766e;--amber-500:#f59e0b;--amber-600:#d97706}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink-800);overflow-x:hidden;background:radial-gradient(1400px 700px at 88% -8%,rgba(255,235,53,.22),transparent 62%),radial-gradient(900px 500px at 12% 6%,rgba(13,148,136,.07),transparent 60%),radial-gradient(800px 400px at 50% 110%,rgba(253,224,71,.1),transparent 70%),linear-gradient(180deg,#fdfcf3 0%,var(--paper-2) 100%);background-attachment:fixed;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:1;mix-blend-mode:multiply}#root{position:relative;z-index:1}.font-display{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-weight:400;letter-spacing:-.01em}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}::selection{background:#0d94882e;color:var(--ink-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4a4a4726;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#4a4a4747;background-clip:padding-box}:focus-visible{outline:2px solid var(--teal-600);outline-offset:3px;border-radius:4px}.surface{background:linear-gradient(180deg,#ffffff 0%,var(--paper-1) 100%);border:1px solid rgba(26,26,26,.04);border-radius:18px;box-shadow:0 1px 2px #14141408,0 4px 16px #1414140a;transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.surface-hover:hover{box-shadow:0 2px 4px #1414140a,0 14px 36px #14141414;border-color:#0d94882e;transform:translateY(-2px)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.01em;border:1px solid rgba(26,26,26,.06);background:#ffffffb3;color:var(--ink-700);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .18s ease}.pill:hover{border-color:#0d948847;color:var(--teal-700)}.pill-teal{background:#0d948814;border-color:#0d948833;color:var(--teal-700)}.pill-amber{background:#f59e0b1a;border-color:#f59e0b3d;color:var(--amber-600)}.pill-yellow{background:#eab3081a;border-color:#eab30842;color:#a16207}.pill-red{background:#dc262614;border-color:#dc262633;color:#b91c1c}.eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal-700);font-weight:500}.h-section{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-weight:400;font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.015em;color:var(--ink-900)}.sep{height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,26,.08),transparent)}.code-gutter{-webkit-user-select:none;user-select:none;color:#1a1a1a47;text-align:right;padding-right:14px;border-right:1px solid rgba(26,26,26,.06)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}