:root{--bg-color:#fff;--text-color:#333;--heading-color:#222;--link-color:white;--blockquote-border:#007bff;--code-bg:#f4f4f4}[data-theme=dark]{--bg-color:#121212;--text-color:#e0e0e0;--heading-color:#fff;--link-color:white;--blockquote-border:#4da6ff;--code-bg:#222}#blog{background-color:#302b2b}.blog-container{background:var(--bg-color);max-width:800px;color:var(--text-color);border-radius:10px;margin:auto;padding:20px;font-family:Arial,sans-serif;line-height:1.8;box-shadow:0 4px 10px #0000001a}.blog-container h1{color:var(--heading-color);border-bottom:2px solid var(--link-color);margin-bottom:15px;padding-bottom:10px;font-size:2rem;font-weight:700}.blog-container h2{color:var(--link-color);margin-top:20px;font-size:1.6rem}.blog-container a{color:var(--link-color);text-decoration:none}.blog-container a:hover{text-decoration:underline}.blog-container blockquote{border-left:5px solid var(--blockquote-border);margin:20px 0;padding-left:15px;font-style:italic}.blog-container pre{background:var(--code-bg);border-radius:5px;padding:10px;overflow-x:auto}.blog-container code{background:var(--code-bg);border-radius:3px;padding:3px 6px;font-family:Courier New,monospace}.video-container{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.language-toggle-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:700;transition:background .3s ease-in-out;box-shadow:2px 2px 10px #0003}.language-toggle-btn:hover{background-color:#0056b3}.language-toggle-btn:focus{outline:none;box-shadow:0 0 8px #007bff80}