body { font-family: 'Segoe UI', sans-serif; background: #121212; color: #e0e0e0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.container { background: #1e1e1e; padding: 2.5rem; border-radius: 16px; border: 1px solid #333; box-shadow: 0 10px 40px rgba(0,0,0,0.8); text-align: center; width: 320px; }
h1 { margin-top: 0; color: #4a90e2; }
select { width: 100%; padding: 12px; margin: 15px 0; background: #333; color: white; border: none; border-radius: 8px; cursor: pointer; }
input[type=range] { width: 100%; margin: 20px 0; height: 10px; cursor: pointer; accent-color: #4a90e2; }
button { width: 100%; padding: 18px; cursor: pointer; background: #4a90e2; border: none; color: white; border-radius: 8px; font-size: 1.1rem; font-weight: bold; }
button:hover { background: #357abd; }
label { font-size: 0.9rem; color: #888; }