:root{--color-primary:#007bff;--color-primary-dark:#0056b3;--color-secondary:#00d4ff;--color-accent:#22c55e;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--bg-dark:#000;--bg-dark-surface:#0a0a0a;--bg-dark-card:#1a1a1a;--text-dark-primary:#fff;--text-dark-secondary:#a0a0a0;--border-dark:#2a2a2a;--bg-light:#fff;--bg-light-surface:#f8f9fa;--bg-light-card:#fff;--text-light-primary:#000;--text-light-secondary:#666;--border-light:#e0e0e0;--gradient-primary:linear-gradient(135deg,#007bff,#00d4ff);--gradient-primary-dark:linear-gradient(135deg,#007bff,#0056b3);--gradient-button:linear-gradient(135deg,#007bff,#0056b3)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-dark);color:var(--text-dark-primary);min-height:100vh}button{font-family:inherit;cursor:pointer;border:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:inherit;text-decoration:none}.mapboxgl-popup-content{border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;padding:0!important}.mapboxgl-popup-tip{border-top-color:#fff!important}.mapboxgl-popup-close-button{font-size:20px!important;padding:4px 8px!important;color:#666!important}.mapboxgl-popup-close-button:hover{color:#000!important;background-color:#f0f0f0!important;border-radius:4px!important}.custom-popup .mapboxgl-popup-content{background:#fff!important}.custom-popup.dark-mode .mapboxgl-popup-content{background:#1a1a1a!important}.custom-popup.dark-mode .mapboxgl-popup-tip{border-top-color:#1a1a1a!important}.custom-popup.dark-mode .mapboxgl-popup-close-button{color:#e0e0e0!important}.custom-popup.dark-mode .mapboxgl-popup-close-button:hover{color:#fff!important;background-color:#333!important}@keyframes alertFlash{0%{opacity:0}50%{opacity:.4}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.disclaimer-scrollable::-webkit-scrollbar{width:8px}.disclaimer-scrollable::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.disclaimer-scrollable::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.disclaimer-scrollable::-webkit-scrollbar-thumb:hover{background:#666}.mapboxgl-marker,.mapboxgl-marker>div{background:transparent!important;border:none!important}@keyframes rpmGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,123,255,.5))}50%{filter:drop-shadow(0 0 20px rgba(0,123,255,.8))}}@keyframes revPulse{0%{transform:scale(1);box-shadow:0 0 20px rgba(255,68,68,.3)}50%{transform:scale(1.02);box-shadow:0 0 40px rgba(255,68,68,.6)}to{transform:scale(1);box-shadow:0 0 20px rgba(255,68,68,.3)}}@keyframes speedUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.8}}@keyframes particleFloat{0%{transform:translateY(0) translateX(0);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translateY(-100vh) translateX(50px);opacity:0}}.sound-card{transition:transform .2s ease,box-shadow .2s ease}.sound-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,123,255,.15)}.sound-card:active{transform:scale(.98)}.category-scroll::-webkit-scrollbar{display:none}.category-scroll{-ms-overflow-style:none;scrollbar-width:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#333}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#007bff,#00d4ff);cursor:pointer;box-shadow:0 2px 8px rgba(0,123,255,.4)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#007bff,#00d4ff);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,123,255,.4)}