@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Instrument+Serif&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #0F0D0A;--surface: #1B1915;--surface-2: #252118;--text: #F2EDE2;--muted: #9E9485;--accent: #D4863A;--accent-alt: #C84B31;--success: #6DB884;--border: #2E2A24;--font-display: "Instrument Serif", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-code: "JetBrains Mono", "Courier New", monospace;--space-2xs: 4px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--max-width: 1100px;--content-width: 720px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;color:var(--text)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-family:var(--font-body);font-size:1.5rem;font-weight:600}h4{font-family:var(--font-body);font-size:1.125rem;font-weight:600}p{margin-bottom:var(--space-sm)}p:last-child{margin-bottom:0}code{font-family:var(--font-code);font-size:.875em;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:2px 6px}pre{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:var(--space-sm) var(--space-md);overflow-x:auto;line-height:1.7}pre code{background:none;border:none;padding:0;font-size:.8125rem}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.content-container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-md)}.btn{display:inline-block;font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1;padding:10px 20px;border-radius:4px;border:1px solid transparent;cursor:pointer;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#0f0d0a;border-color:var(--accent)}.btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.tag{display:inline-block;background:#d4863a26;color:var(--accent);font-size:.75rem;font-weight:500;padding:3px 8px;border-radius:4px;cursor:pointer;border:none}.tag.tag-success{background:#6db88426;color:var(--success)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--space-md)}.card:hover{border-color:#d4863a66}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.prose h2{margin:var(--space-xl) 0 var(--space-sm)}.prose h3{margin:var(--space-lg) 0 var(--space-xs)}.prose ul,.prose ol{padding-left:var(--space-md);margin-bottom:var(--space-sm)}.prose li{margin-bottom:var(--space-2xs)}.prose blockquote{border-left:3px solid var(--accent);padding-left:var(--space-sm);color:var(--muted);font-style:italic;margin:var(--space-md) 0}.section{padding:var(--space-2xl) 0}.section-sm{padding:var(--space-xl) 0}.site-header{border-bottom:1px solid var(--border);padding:var(--space-sm) 0;position:sticky;top:0;background:var(--bg);z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.site-name{font-family:var(--font-display);font-size:1.25rem;color:var(--text);text-decoration:none;white-space:nowrap}.site-name:hover{color:var(--accent);text-decoration:none}nav{display:flex;gap:var(--space-md);flex-wrap:wrap}nav a{color:var(--muted);font-size:.9375rem;text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--accent);text-decoration:none}.site-footer{border-top:1px solid var(--border);padding:var(--space-lg) 0;color:var(--muted);font-size:.875rem}