* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #f8f7f4; font-family: 'Inter', sans-serif; user-select: none; -webkit-user-select: none; }
#map { width: 100%; height: 100%; background: #ffffff; touch-action: none; }
.ol-control { display: none !important; }
.hero-gradient { background: linear-gradient(135deg, #1d0b46 0%, #250e62 50%, #4c1d95 100%); }
.custom-scroll::-webkit-scrollbar { width: 5px; height: 5px; }
.custom-scroll::-webkit-scrollbar-track { background: transparent; }
.custom-scroll::-webkit-scrollbar-thumb { background: rgba(100,116,139,0.28); border-radius: 9999px; }
input[type="range"] { accent-color: #5b21b6; }
.sym-btn { transition: all 0.12s ease; }
.sym-btn:hover { transform: translateY(-1px); }
.sym-btn.active { outline: 2px solid #5b21b6; background-color: #f5f3ff; }