:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--bg-body: #1a1816;--bg-card: #23211e;--bg-code: #2a2724;--bg-quote: rgba(255, 255, 255, .03);--bg-card-hover: #2e2b27;--bg-tint: rgba(201, 168, 108, .1);--bg-gradient: none;--bg-glass: rgba(26, 24, 22, .95);--bg-hover: #2e2b27;--bg-accent: #35322e;--text-main: #e8e4df;--text-secondary: #a8a4a0;--text-muted: #787470;--text-inverse: #1a1816;--h1-color: #e8e4df;--h2-color: #c9a86c;--h3-color: #e8e4df;--h4-color: #8ab4c7;--h5-color: #a8a4a0;--h6-color: #787470;--accent-primary: #c9a86c;--accent-secondary: #e4c695;--accent-cool: #8ab4c7;--accent-warm: #e4c695;--accent-highlight: #4a4540;--accent-border: #3d3a36;--accent-link: #8ab4c7;--accent-link-hover: #c9a86c;--border: rgba(255, 255, 255, .08);--border-hover: #c9a86c;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", monospace}[data-theme=light]{--bg-body: #f5f2ed;--bg-card: #faf8f5;--bg-code: #f0ece6;--bg-quote: #f0ece6;--bg-card-hover: #ebe5dd;--bg-tint: rgba(139, 111, 71, .08);--bg-gradient: none;--bg-glass: rgba(245, 242, 237, .95);--bg-hover: #ebe5dd;--bg-accent: #e8e2d9;--text-main: #3d3a35;--text-secondary: #5c5852;--text-muted: #8a8580;--text-inverse: #f5f2ed;--h1-color: #3d3a35;--h2-color: #7a6240;--h3-color: #3d3a35;--h4-color: #5d7d8d;--h5-color: #5c5852;--h6-color: #8a8580;--accent-primary: #7a6240;--accent-secondary: #a6855c;--accent-cool: #5d7d8d;--accent-warm: #a6855c;--accent-highlight: #e0cba8;--accent-border: #d9d4cc;--accent-link: #5d7d8d;--accent-link-hover: #7a6240;--border: rgba(0, 0, 0, .1);--border-hover: #7a6240}body{background-color:var(--bg-body);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease;min-height:100vh;font-size:1.125rem;line-height:1.8}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease}a{color:var(--accent-link);text-decoration:none;position:relative;transition:color .2s ease}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-link-hover);transition:width .3s ease}a:hover{color:var(--accent-link-hover)}a:hover:after{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.3}h1{font-size:2.75rem;color:var(--h1-color);font-weight:700;margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:3px solid;border-image:linear-gradient(90deg,var(--accent-primary),var(--accent-warm)) 1;line-height:1.2;letter-spacing:-.02em}h2{font-size:2rem;color:var(--h2-color);font-weight:600;margin:var(--space-10) 0 var(--space-4) 0;padding-left:var(--space-3);border-left:4px solid var(--accent-warm);letter-spacing:-.01em}h3{font-size:1.5rem;color:var(--h3-color);font-weight:600;margin:var(--space-8) 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--accent-border);letter-spacing:-.005em}h4{font-size:1.25rem;color:var(--h4-color);font-weight:600;margin:var(--space-6) 0 var(--space-3) 0}h5{font-size:1.1rem;color:var(--h5-color);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:var(--space-6) 0 var(--space-3) 0}h6{font-size:1rem;color:var(--h6-color);font-weight:500;font-style:italic;margin:var(--space-5) 0 var(--space-3) 0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}p{font-size:1.125rem;color:var(--text-main);line-height:1.8;margin-bottom:var(--space-5);max-width:70ch}.meta-info{font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}hr{border:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-border) 20%,var(--accent-warm) 50%,var(--accent-border) 80%,transparent);margin:var(--space-10) 0;opacity:.6}::selection{background:var(--accent-primary);color:var(--text-inverse);text-shadow:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px;border:2px solid var(--bg-body)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
