:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--color-bg: #fafafa;--color-text: #1a1a1a;--color-text-muted: #666;--color-accent: #1a4d2e;--color-accent-light: #2d6b3f;--color-border: #e5e5e5;--max-width: 640px;--spacing: 1.5rem}[data-theme=dark]{--color-bg: #0f0f0f;--color-text: #e5e5e5;--color-text-muted: #999;--color-accent: #4ade80;--color-accent-light: #6ee7a0;--color-border: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;transition:background-color .2s ease,color .2s ease}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing);min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 2rem;margin-bottom:2rem}.logo{text-decoration:none}.logo-text{display:inline-block;font-weight:700;font-size:1.6rem;letter-spacing:.1em;position:relative;background:linear-gradient(135deg,#0d3320,#1a4d2e,#2d6b3f,#1a4d2e,#0d3320);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:filter .3s ease;filter:drop-shadow(2px 2px 0px #2d6b3f) drop-shadow(3px 3px 0px #1a4d2e) drop-shadow(4px 4px 8px rgba(26,77,46,.4))}.logo:hover .logo-text{filter:drop-shadow(3px 3px 0px #4ade80) drop-shadow(5px 5px 0px #2d6b3f) drop-shadow(7px 7px 15px rgba(74,222,128,.5))}[data-theme=dark] .logo-text{background:linear-gradient(135deg,#2d6b3f,#4ade80,#6ee7a0,#4ade80,#2d6b3f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(2px 2px 0px #4ade80) drop-shadow(3px 3px 0px #2d6b3f) drop-shadow(4px 4px 12px rgba(74,222,128,.5))}[data-theme=dark] .logo:hover .logo-text{filter:drop-shadow(3px 3px 0px #6ee7a0) drop-shadow(5px 5px 0px #4ade80) drop-shadow(7px 7px 20px rgba(110,231,160,.6))}.nav-wrapper{display:flex;align-items:center;gap:1.5rem}nav{display:flex;gap:1.5rem}nav a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s ease}nav a:hover,nav a.active{color:var(--color-accent)}.theme-toggle{background:none;border:none;padding:.4rem;cursor:pointer;color:var(--color-text-muted);border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--color-accent);background:var(--color-border)}.sun-icon{display:none}.moon-icon,[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}main{flex:1}footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--color-accent)}.footer-content{display:flex;justify-content:space-between;align-items:center}footer p{color:var(--color-text-muted);font-size:.85rem}.rss-link{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.rss-link:hover{color:var(--color-accent);text-decoration:none}footer .built-with{font-size:.75rem;margin-top:.25rem}footer .built-with a{color:var(--color-text-muted)}footer .built-with a:hover{color:var(--color-accent)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em;line-height:1.3}h1{font-size:1.75rem;margin-bottom:1rem}h2{font-size:1.35rem;margin-top:2rem;margin-bottom:.75rem}h3{font-size:1.15rem;margin-top:1.5rem;margin-bottom:.5rem}p{margin-bottom:1rem}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.25rem}blockquote{border-left:3px solid var(--color-accent);padding-left:1rem;margin:1.5rem 0;font-family:var(--font-serif);font-style:italic;color:var(--color-text-muted)}blockquote p{margin-bottom:.5rem}code{font-family:SF Mono,Consolas,monospace;font-size:.9em;background:var(--color-border);padding:.15em .4em;border-radius:3px}pre{background:var(--color-border);padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}pre code{background:none;padding:0}img{max-width:100%;height:auto;border-radius:6px}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}strong{font-weight:600}@media(max-width:640px){:root{--spacing: 1rem}header{flex-wrap:wrap;gap:1rem;padding:1rem 0 1.5rem}.logo-text{font-size:1.3rem}nav{gap:1rem}nav a{font-size:.85rem}h1{font-size:1.5rem}h2{font-size:1.2rem}footer{margin-top:2.5rem}}