@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--app-bg: #0b1014;--app-bg-soft: #141b21;--app-panel: rgba(20, 27, 33, .92);--app-panel-strong: rgba(16, 22, 28, .96);--app-border: rgba(255, 255, 255, .09);--app-text: #edf1f3;--app-text-soft: #97a5ae;--app-accent: #8fa3b5;--app-accent-strong: #b8c7d2}*{box-sizing:border-box}html{background:linear-gradient(180deg,#0a0f13,#0b1014 48%,#11171d);min-height:100%}body{margin:0;min-height:100vh;color:var(--app-text);font-family:IBM Plex Sans,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:transparent}#root{min-height:100vh}a{color:inherit}code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.App{text-align:center;min-height:100vh;min-height:100dvh}#map{height:100vh;min-height:320px}.banner-guider-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;min-height:320px;overflow:hidden;background:#0b1014;z-index:1200}.banner-guider-shell>.leaflet-container,.banner-guider-shell #map{height:100%!important;width:100%}.custom-icon{border-radius:50%;width:24px!important;height:24px!important;display:flex;justify-content:center;align-items:center;color:#fff}.custom-icon.black-icon{background-color:#000}.icon-content{font-size:14px}.first-icon{background-color:inherit}.first-icon.icon-content{display:flex;justify-content:center;align-items:center;border-radius:50%}.user-location-icon{background:transparent!important;border:0!important}.user-location-marker{position:relative;width:40px;height:40px}.user-location-heading{position:absolute;left:50%;top:4px;width:20px;height:20px;background:#1a73e847;clip-path:polygon(50% 0%,100% 100%,0 100%);transform-origin:50% 16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.user-location-dot{width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box;background:#1a73e8;border:3px solid #ffffff;box-shadow:0 0 0 6px #1a73e82e,0 2px 8px #00000047}.overlay{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:1000;color:#f2f2f2;background-color:#444;padding:5px;border-radius:4px;box-shadow:0 2px 4px #0003;box-sizing:border-box;max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 20px)}.overlay-controls{display:flex;justify-content:space-between;align-items:center}.overlay-input{margin:0 10px;padding:5px;font-size:14px;width:200px;border:1px solid #ccc;border-radius:4px;color:#000}.overlay-controls>p{margin:0 10px}.start-button{margin-top:10px;width:100%}.overlay-button-minus,.overlay-button-plus,.start-button{padding:10px 15px;font-size:16px;background-color:#616161;color:#f2f2f2;border:none;border-radius:0;cursor:pointer}.disable-click{cursor:not-allowed}.banner-details-page{display:grid;grid-template-columns:minmax(360px,432px) minmax(0,1fr);gap:16px;flex:1;height:100%;min-height:0;overflow:hidden}.banner-details-container{display:block;padding:16px;min-height:0;overflow-y:auto}.banner-details-card{max-width:432px;margin:0 auto;width:100%}.map-container{min-height:0;position:relative;min-width:0;overflow:hidden}.map-container>.leaflet-container{height:100%!important;width:100%}@media (max-width: 768px){.banner-details-page{display:block;grid-template-columns:1fr;width:100%;height:auto;overflow:visible}.banner-details-container{padding:8px;overflow-y:visible}.banner-details-card{max-width:none}.map-container{height:calc(100dvh - 180px);min-height:360px}.overlay-controls>p{margin:0 6px}}