:root,[data-theme=light]{--color-primary: #f65a5a;--color-primary-light: #ff8585;--color-accent: #ffa07a;--color-heading: #f65a5a;--color-dark: #1a1a2e;--color-cream: #f7f3ea;--color-bg: #fefcf9;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-light: #555566;--color-border: #e8e4dd;--header-bg: rgba(255, 255, 255, .92);--footer-bg: #1a1a2e;--footer-text: rgba(255, 255, 255, .7);--radius: 16px;--max-width: 720px}[data-theme=dark]{--color-primary: #ff7070;--color-primary-light: #ff9999;--color-accent: #ffb89a;--color-heading: #ff7070;--color-dark: #f0f0f5;--color-cream: #1e1e2e;--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-text: #e0e0e8;--color-text-light: #9999aa;--color-border: #2a2a3e;--header-bg: rgba(15, 15, 26, .92);--footer-bg: #0a0a14;--footer-text: rgba(255, 255, 255, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-light)}.site-header{border-bottom:1px solid var(--color-border);padding:.75rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:var(--header-bg);transition:background .3s}.header-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-left{display:flex;align-items:center;gap:.75rem}.logo-link{display:flex;align-items:center;gap:.5rem}.logo-img{height:32px;width:auto}.logo-img.dark-only,[data-theme=dark] .logo-img.light-only{display:none}[data-theme=dark] .logo-img.dark-only{display:block}.logo-text{font-size:1.1rem;font-weight:800;color:var(--color-primary)}.logo-text span{color:var(--color-dark);font-weight:600}.header-nav{display:flex;align-items:center;gap:.75rem}.nav-link{font-size:.82rem;font-weight:600;color:var(--color-text-light);transition:color .2s}.nav-link:hover{color:var(--color-primary)}.header-cta{background:var(--color-primary);color:#fff!important;padding:.45rem 1.1rem;border-radius:50px;font-weight:700;font-size:.82rem;transition:transform .2s,box-shadow .2s}.header-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f65a5a4d}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:50%;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:border-color .2s,transform .2s}.theme-toggle:hover{border-color:var(--color-primary);transform:scale(1.1)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:inline}[data-theme=dark] .theme-toggle .icon-moon{display:none}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.site-footer{background:var(--footer-bg);color:var(--footer-text);text-align:center;padding:2.5rem 1.5rem;font-size:.875rem;transition:background .3s}.site-footer a{color:var(--color-primary-light)}.article-content h2{font-size:1.6rem;font-weight:800;color:var(--color-heading);margin:2.5rem 0 1rem;line-height:1.3}.article-content h3{font-size:1.3rem;font-weight:700;color:var(--color-heading);margin:2rem 0 .75rem}.article-content p{margin-bottom:1.25rem;font-size:1.05rem;color:var(--color-text)}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 1.5rem}.article-content li{margin-bottom:.5rem;color:var(--color-text)}.article-content strong{color:var(--color-dark)}.article-content blockquote{border-left:4px solid var(--color-primary);padding:1rem 1.25rem;margin:1.5rem 0;background:#f65a5a0d;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--color-text-light)}[data-theme=dark] .article-content blockquote{background:#ff707014}.article-content img{max-width:100%;border-radius:var(--radius);margin:1.5rem 0}.article-content code{background:#f65a5a14;padding:.15rem .4rem;border-radius:4px;font-size:.9em}[data-theme=dark] .article-content code{background:#ff70701f}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}@media(max-width:600px){.header-cta{display:none}.logo-text{font-size:.95rem}}