:root{--background: #ffffff;--text: #132a13;--primary: #4f772d;--secondary: #ffb703;--accent: #ecf39e;--button-bg: var(--primary);--button-bg-hover: var(--secondary);--button-shadow: rgba(0, 0, 0, .1);--border-color: rgba(79, 119, 45, .2);--font-family: Inter, Roboto, -apple-system, BlinkMacSystemFont, sans-serif;--heading-font: var(--font-family);--bg-color: var(--background);--text-color: var(--text);--accent-color: var(--primary)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);line-height:1.6;color:var(--text);background-color:var(--background);transition:background-color .3s ease,color .3s ease}.typography-clean{--font-family: Inter, Roboto, -apple-system, BlinkMacSystemFont, sans-serif;--heading-font: var(--font-family)}.typography-classic{--font-family: Roboto, "Open Sans", sans-serif;--heading-font: Georgia, "Times New Roman", serif}.typography-monospace{--font-family: "Fira Code", "Courier New", monospace;--heading-font: var(--font-family)}.palette-light{--background: #ffffff;--text: #132a13;--primary: #4f772d;--secondary: #ffb703;--accent: #ecf39e;--button-bg: var(--primary);--button-bg-hover: var(--secondary);--button-shadow: rgba(0, 0, 0, .1);--border-color: rgba(79, 119, 45, .2);--bg-color: var(--background);--text-color: var(--text);--accent-color: var(--primary)}.palette-dark{--background: #132a13;--text: #ecf39e;--primary: #90a955;--secondary: #fb8500;--accent: #4f772d;--button-bg: var(--primary);--button-bg-hover: var(--secondary);--button-shadow: rgba(255, 255, 255, .1);--border-color: rgba(144, 169, 85, .3);--bg-color: var(--background);--text-color: var(--text);--accent-color: var(--primary)}h1,h2,h3,h4,h5,h6,markdown h1,markdown h2,markdown h3,markdown h4,markdown h5,markdown h6{font-family:var(--heading-font);margin-top:2rem;margin-bottom:1rem;line-height:1.3;color:var(--text)}h1,markdown h1{font-size:2.5rem;margin-top:0;color:var(--primary)}h2,markdown h2{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem;color:var(--primary)}h3,markdown h3{font-size:1.5rem;color:var(--text)}h4,markdown h4{font-size:1.25rem;color:var(--text)}h5,markdown h5{font-size:1.1rem;color:var(--text)}h6,markdown h6{font-size:1rem;color:var(--text)}markdown{display:block}markdown hr{border:none;height:1px;background-color:var(--primary);margin:1rem 0}markdown p{margin-bottom:1rem}markdown a{color:var(--primary);text-decoration:none;transition:opacity .2s ease}markdown a:hover{opacity:.8;text-decoration:underline}markdown ul,markdown ol{margin-bottom:1rem;padding-left:2rem}markdown li{margin-bottom:.5rem}markdown blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1rem 0;font-style:italic;opacity:.9}markdown code{background:var(--border-color);padding:.25rem .5rem;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.9em}markdown pre{background:var(--border-color);padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}markdown pre code{background:none;padding:0}markdown img{display:block;max-width:100%;height:auto;margin:1rem auto;border-radius:6px;box-shadow:0 0 4px var(--button-shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}markdown img:hover{transform:scale(1.02);box-shadow:0 4px 12px var(--button-shadow)}markdown .image-wrapper{display:inline-block;text-align:center;margin:0 auto}markdown .image-wrapper img{display:block;max-width:100%;height:auto;border-radius:6px;box-shadow:0 0 4px var(--button-shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}markdown .image-wrapper img:hover{transform:scale(1.02);box-shadow:0 4px 12px var(--button-shadow)}markdown .image-caption{display:block;font-size:.85em;color:var(--text);opacity:.7;margin-top:-1rem;word-break:break-word;background:var(--accent)}.youtube-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:1rem 0}.youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 768px){:root{font-size:14px}markdown h1{font-size:2rem}markdown h2{font-size:1.75rem}markdown h3{font-size:1.5rem}}
