*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;color:#333}html,body{height:100%;overflow-x:hidden;background-color:#dff6ff}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus{outline:2px solid #667eea;outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark-mode,.dark-mode html,.dark-mode body{background-color:#000!important;color:#fff!important}.dark-mode::-webkit-scrollbar-track{background:#2d3748}.dark-mode::-webkit-scrollbar-thumb{background:#4a5568}.dark-mode::-webkit-scrollbar-thumb:hover{background:#718096}select option{background-color:#2d3748!important;color:#e2e8f0!important;padding:8px 12px}select option:hover,select option:focus{background-color:#4a5568!important}select option:checked{background-color:#667eea!important;color:#fff!important}.dark-mode select option,.menu-container select option{background-color:#2d3748!important;color:#e2e8f0!important}.dark-mode select option:checked,.menu-container select option:checked{background-color:#667eea!important;color:#fff!important}