:root{--color-bg-primary: #121212;--color-bg-secondary: #242424;--color-bg-tertiary: #1A1A1A;--color-accent-primary: #B87333;--color-accent-secondary: #E67E22;--color-text-primary: #E8E6E1;--color-text-muted: #8D7B68;--color-border: #8D7B68}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e8e6e1;background-color:#121212}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #242424 inset!important;-webkit-text-fill-color:#E8E6E1!important;caret-color:#e8e6e1!important;transition:background-color 5000s ease-in-out 0s}.mapboxgl-ctrl-group{background-color:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important}.mapboxgl-ctrl-group button{background-color:var(--color-bg-secondary)!important}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--color-border)!important}.mapboxgl-ctrl-group button span{filter:invert(1)}.mapboxgl-ctrl-group button:hover{background-color:var(--color-bg-tertiary)!important}.mapboxgl-ctrl-compass{display:none!important}.map-container{width:100%;height:100%;transform:none;image-rendering:pixelated;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.top-div{background-color:#242424;padding:20px}.leftMenu{color:#e8e6e1;background-color:#1a1a1a;width:20%;padding:20px;height:100%;overflow-y:auto;overflow-x:hidden;border-right:1px solid #8D7B68}.topmenu{background-color:#242424f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8D7B68;position:relative;z-index:10}.logo-container{display:flex;align-items:center}.logo-container img{height:60px;width:auto;margin-bottom:0}.menu-container{display:flex;justify-content:center;align-items:center}.horizontal-menu{display:flex;list-style-type:none;padding:0;margin:0;flex-wrap:wrap;gap:8px}.horizontal-menu>li{margin-right:0}@media (max-width: 900px){.logo-container img{height:50px}.horizontal-menu{gap:4px}}@media (max-width: 600px){.topmenu{padding:10px}.logo-container img{height:40px}}.button{margin-bottom:"30px"}.menu-item:hover,.whiteIcon{color:#b87333}::-webkit-scrollbar{-webkit-appearance:none;width:7px;height:0}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#8d7b68;box-shadow:0 0 1px #ffffff80}.route-segment{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #8D7B68;background-color:#242424}.segment-waypoints{justify-content:flex-start;text-align:left}.segment-option{justify-content:flex-end;text-align:center}.leaflet-container.crosshair-cursor-enabled{cursor:crosshair}.leaflet-container{width:100%;height:100vh;position:relative;z-index:1;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.leaflet-tile-container{transform:translateZ(0)}.leaflet-pane{will-change:transform}.flag-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:3rem}.cky-btn-accept,.cky-btn-reject,.cky-btn-customize{background-color:#0056cc!important;border-color:#0056cc!important;color:#fff!important;font-weight:600!important}