body{font-family:Roboto,sans-serif;background-color:#c4e3ed;margin:0;padding:0;transition:background-color .5s ease,color .5s ease}html.dark-mode body{background-color:#1c1c2e;color:#f5f5f5}html.dark-mode body .container{background-color:#2a2a3e;color:#f5f5f5}html.dark-mode body .container .text-section textarea{background-color:#3b3b4a;border-color:#555560}html.dark-mode body .container .stats-section p{background-color:#3b3b4a}html.dark-mode body .container .keywords li{background-color:#2563eb}html.dark-mode body .container .toggle-theme-btn,html.dark-mode body .container .reset-btn{background-color:#3b82f6}html.dark-mode body .container .toggle-theme-btn:hover,html.dark-mode body .container .reset-btn:hover{background-color:#2563eb}html.dark-mode body .toggle-theme-btn,html.dark-mode body .reset-btn{background-color:#3b82f6}html.dark-mode body .toggle-theme-btn:hover,html.dark-mode body .reset-btn:hover{background-color:#2563eb}html.dark-mode body h1,html.dark-mode body p{color:#f5f5f5}html.dark-mode body a{background-color:#2563eb}html.dark-mode body a:hover{background-color:#3b82f6}html.dark-mode details{background:#2d2d3a;border-color:#3f3f4e}.container.dark-mode a{background-color:transparent!important}.container.dark-mode a:hover{color:#3b82f6}html.dark-mode .article-preview{background-color:#2d2d3a;border-color:#3f3f4e}html.dark-mode .article-preview:hover{background-color:#38384a;border-color:#4b5563}html.dark-mode .article-preview h2 a{color:#3b82f6}html.dark-mode .article-preview p{color:#e5e7eb}html.dark-mode .article-preview .meta{color:#9ca3af}html.dark-mode .article-preview h2 a{color:#f9fafb!important}.header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 2rem;background-color:#f4f4f4;font-family:Inter,sans-serif;box-shadow:0 2px 8px #00000014;position:relative;transition:background-color .5s ease,color .5s ease}.header .logo a img{height:45px;display:block;cursor:pointer}.nav-menu{display:flex;gap:2rem;position:absolute;left:50%;transform:translate(-50%);background-color:#f4f4f4;transition:background-color .5s ease,color .5s ease}.nav-menu a{text-decoration:none;color:#2563eb;font-weight:500;font-size:16px;transition:color .5s ease}.nav-menu a:hover{color:#3b82f6;text-decoration:underline}.menu-toggle{display:none;cursor:pointer;font-size:28px;color:#2563eb;transition:color .5s ease}html.dark-mode .header,html.dark-mode .nav-menu{background-color:#3b3b4a;color:#f5f5f5}html.dark-mode .nav-menu a{color:#f5f5f5;background-color:transparent}html.dark-mode .nav-menu a:hover{color:#3b82f6}html.dark-mode .menu-toggle{color:#f5f5f5}html.dark-mode .language-switcher ul li{color:#000!important}footer.footer{text-align:center;padding:1.5rem 0;background-color:#f4f4f4;max-width:auto;margin:0 auto;font-size:14px;font-family:Inter,sans-serif;color:#111827;transition:background-color .5s,color .5s}footer.footer a{color:#2563eb;background-color:transparent;text-decoration:none;margin:0 6px;transition:color .3s}footer.footer a:hover{color:#3b82f6;text-decoration:underline}html.dark-mode footer.footer{background-color:#3b3b4a;color:#f5f5f5}html.dark-mode footer.footer a{color:#3b82f6;background-color:transparent}html.dark-mode footer.footer a:hover{color:#2563eb}