:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--text-primary:#1a1a1a;--text-secondary:#4a5568;--accent:#2563eb;--accent-hover:#1d4ed8;--border:#e5e7eb;--shadow:rgba(0, 0, 0, 0.1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--accent:#60a5fa;--accent-hover:#3b82f6;--border:#334155;--shadow:rgba(0, 0, 0, 0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease;padding-top:4rem}nav{position:fixed;top:0;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:999;transition:background-color .3s ease}nav .nav-container{max-width:800px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}nav .nav-brand{font-weight:600;font-size:1.125rem;color:var(--text-primary);text-decoration:none}nav .nav-brand:hover{color:var(--accent);text-decoration:none}nav .nav-links{display:flex;gap:2rem;align-items:center}nav .nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}nav .nav-links a:hover{color:var(--accent);text-decoration:none}nav .nav-links a.active{color:var(--accent)}main{max-width:800px;margin:0 auto;padding:3rem 1.5rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);line-height:1.2}h2{font-size:1.75rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:2px solid var(--border);padding-bottom:.5rem}p{margin-bottom:1rem;color:var(--text-secondary)}strong{color:var(--text-primary);font-weight:600}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}ul{margin-left:1.5rem;margin-bottom:1rem}li{margin-bottom:.5rem;color:var(--text-secondary)}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow);z-index:1000}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.theme-toggle svg{width:1.25rem;height:1.25rem;display:block;fill:var(--text-primary)}@media(max-width:640px){body{padding-top:3.5rem}nav .nav-container{padding:.75rem 1rem}nav .nav-brand{font-size:1rem}nav .nav-links{gap:1rem}nav .nav-links a{font-size:.875rem}main{padding:2rem 1rem}h1{font-size:2rem}h2{font-size:1.5rem}.theme-toggle{top:1rem;right:1rem}}