@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;700&family=DM+Mono:wght@400;500&family=Inter:wght@300;400&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#0f0f0f;--surface:#141414;--border:#1c1c1c;--border-subtle:#161616;--text:#f0ede8;--muted:#666;--dim:#444;--dimmer:#333;--accent:#4a9e72;--accent-dim:#2d6a4a;--accent-bg:#0a1a12;--blue:#4a90d9;--blue-bg:#0a1220;--font-sans:"Inter", sans-serif;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#fafaf8;--surface:#f2f2f0;--border:#e0e0dc;--border-subtle:#ebebea;--text:#111110;--muted:#777;--dim:#999;--dimmer:#bbb;--accent:#2d7a52;--accent-dim:#4a9e72;--accent-bg:#edf7f2;--blue:#2c6fad;--blue-bg:#eef4fb}}:root[data-theme=light]{--bg:#fafaf8;--surface:#f2f2f0;--border:#e0e0dc;--border-subtle:#ebebea;--text:#111110;--muted:#777;--dim:#999;--dimmer:#bbb;--accent:#2d7a52;--accent-dim:#4a9e72;--accent-bg:#edf7f2;--blue:#2c6fad;--blue-bg:#eef4fb}[data-theme=light] body,[data-theme=light] main{color:#111110;background:#fafaf8}[data-theme=light] nav{background:#fafaf8!important;border-bottom-color:#e0e0dc!important}[data-theme=light] div[style*="background: #141414"],[data-theme=light] div[style*="background: #131313"],[data-theme=light] div[style*="background: #0f0f0f"]{background:#f2f2f0!important}[data-theme=light] div[style*="background: #161616"],[data-theme=light] div[style*="background: #1c1c1c"],[data-theme=light] div[style*="background: #1e1e1e"]{background:#e0e0dc!important}[data-theme=light] span[style*="border: 1px solid #1e1e1e"],[data-theme=light] span[style*="border: 1px solid #1c1c1c"]{color:#888!important;border-color:#d0d0cc!important}[data-theme=light] div[style*="background: #161616"][style*=grid]{background:#e0e0dc!important}[data-theme=light] div[style*="border: 1px solid #161616"][style*=grid]{border-color:#e0e0dc!important}[data-theme=light] p[style*="color: #666"]{color:#777!important}[data-theme=light] p[style*="color: #555"]{color:#888!important}[data-theme=light] p[style*="color: #444"]{color:#999!important}[data-theme=light] p[style*="color: #2d2d2d"],[data-theme=light] p[style*="color: #2a2a2a"],[data-theme=light] p[style*="color: #333"]{color:#bbb!important}[data-theme=light] span[style*="color: #444"]{color:#999!important}[data-theme=light] span[style*="color: #2a2a2a"]{color:#bbb!important}[data-theme=light] a div[style*="background: #0f0f0f"]{background:#fafaf8!important}[data-theme=light] footer{color:#ccc!important;border-top-color:#e0e0dc!important}[data-theme=light] .prose{color:#555}[data-theme=light] .prose code{color:#2d7a52;background:#f2f2f0}[data-theme=light] .prose pre{background:#f2f2f0;border-color:#e0e0dc}[data-theme=light] .prose pre code{color:#111110}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate{animation:.5s both fadeUp}.animate-1{animation:.5s .1s both fadeUp}.animate-2{animation:.5s .2s both fadeUp}.animate-3{animation:.5s .3s both fadeUp}.animate-4{animation:.5s .4s both fadeUp}.prose{color:var(--muted);font-size:15px;line-height:1.85}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);color:var(--text);margin:2rem 0 1rem;font-weight:500}.prose h1{font-size:1.75rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1rem}.prose p{margin-bottom:1.25rem}.prose ul,.prose ol{margin:1rem 0 1.25rem 1.5rem}.prose li{margin-bottom:.4rem}.prose strong{color:var(--text);font-weight:500}.prose a{color:var(--accent);text-decoration:none}.prose a:hover{text-decoration:underline}.prose code{font-family:var(--font-mono);color:var(--accent);background:#1a1a1a;border-radius:3px;padding:2px 6px;font-size:.8em}.prose pre{border:1px solid var(--border);background:#141414;border-radius:6px;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.prose pre code{color:var(--text);background:0 0;padding:0;font-size:.875rem;line-height:1.7}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
