.map__section[data-v-f27d8ba4]{margin-top:10px;width:100%}.map__container[data-v-f27d8ba4]{border:1px solid #e0e0e0;border-radius:8px;height:500px;overflow:hidden;position:relative;width:100%}.distance-map[data-v-f27d8ba4]{height:100%;z-index:1}.map-loading-overlay[data-v-f27d8ba4]{align-items:center;backdrop-filter:blur(2px);background:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.loading-content[data-v-f27d8ba4]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:30px;text-align:center}.loading-spinner[data-v-f27d8ba4]{animation:spin-f27d8ba4 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#2563eb;height:40px;margin:0 auto 16px;width:40px}@keyframes spin-f27d8ba4{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text[data-v-f27d8ba4]{color:#2563eb;font-size:16px;font-weight:600;margin-bottom:8px}.loading-subtext[data-v-f27d8ba4]{color:#666;font-size:14px}.distance-overlay[data-v-f27d8ba4]{pointer-events:none;position:absolute;right:10px;top:10px;z-index:1000}.distance-info[data-v-f27d8ba4]{backdrop-filter:blur(4px);background:#ffffffbf;border:1px solid hsla(0,0%,88%,.6);border-radius:8px;box-shadow:0 2px 8px #00000014;padding:8px 12px}.distance-value[data-v-f27d8ba4],.time-value[data-v-f27d8ba4]{color:#2563eb;font-size:18px;font-weight:700}.time-label[data-v-f27d8ba4]{color:#666;font-size:11px;margin-top:2px;text-align:center}.distance-label[data-v-f27d8ba4],.segments-label[data-v-f27d8ba4]{color:#666;font-size:12px}.segments-info[data-v-f27d8ba4]{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}[data-v-f27d8ba4] .eta-marker .eta-content{background:#2563ebe6;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;line-height:1.2;padding:4px 8px;text-align:center}[data-v-f27d8ba4] .eta-marker .eta-time{font-weight:700}[data-v-f27d8ba4] .eta-marker.start .eta-content{background:#10b981e6}[data-v-f27d8ba4] .eta-marker.end .eta-content{background:#ef4444e6}[data-v-f27d8ba4] .time-marker .time-tick{font-size:11px;text-align:center}[data-v-f27d8ba4] .time-marker .tick-dot{background:#f59e0b;border:1px solid #fff;border-radius:50%;height:8px;margin:0 auto;width:8px}[data-v-f27d8ba4] .time-marker .tick-label{color:#f59e0b;font-size:11px;font-weight:700;margin-top:2px}[data-v-f27d8ba4] .time-marker .tick-eta{color:#666;font-size:9px}.leg-panel[data-v-f27d8ba4]{backdrop-filter:blur(4px);background:#ffffffbf;border:1px solid hsla(0,0%,88%,.6);border-radius:8px;box-shadow:0 2px 8px #00000014;left:10px;max-height:60vh;max-width:260px;overflow:auto;padding:6px 8px;position:absolute;top:10px;z-index:30}.leg-item[data-v-f27d8ba4]{border-bottom:1px solid #eee;cursor:pointer;padding:6px}.leg-item[data-v-f27d8ba4]:last-child{border-bottom:0}.leg-title[data-v-f27d8ba4]{font-weight:700;margin-bottom:4px}.leg-row[data-v-f27d8ba4]{color:#444;font-size:12px}.distance-map[data-v-f27d8ba4]{height:500px;position:relative;width:100%}[data-v-f27d8ba4] .eta-marker{background:transparent;border:none;pointer-events:none;z-index:10}[data-v-f27d8ba4] .eta-marker .eta-content{text-align:center}[data-v-f27d8ba4] .eta-marker.start .eta-content{background:#ffffff73;border:1.5px solid #2563eb}[data-v-f27d8ba4] .eta-marker.start .eta-line,[data-v-f27d8ba4] .eta-marker.start .port-name{color:#2563eb}[data-v-f27d8ba4] .eta-marker.end .eta-content{background:#ffffff73;border:1.5px solid #059669}[data-v-f27d8ba4] .eta-marker.end .eta-line,[data-v-f27d8ba4] .eta-marker.end .port-name{color:#059669}[data-v-f27d8ba4] .eta-marker.waypoint .eta-content{background:#ffffff73;border:1.5px solid #d97706}[data-v-f27d8ba4] .eta-marker.waypoint .eta-line,[data-v-f27d8ba4] .eta-marker.waypoint .port-name{color:#d97706}[data-v-f27d8ba4] .port-marker{cursor:pointer;z-index:20}[data-v-f27d8ba4] .port-marker img{display:block}[data-v-f27d8ba4] .eta-marker .eta-content{background:#ffffffd9;border-radius:6px;box-shadow:none;min-width:auto;padding:4px 8px;text-align:left;white-space:nowrap}[data-v-f27d8ba4] .eta-marker .port-name{font-weight:600;margin-bottom:2px;text-align:center}[data-v-f27d8ba4] .eta-marker .eta-line{display:flex;font-size:11px;gap:6px;line-height:1.4}[data-v-f27d8ba4] .eta-marker .eta-type{flex-shrink:0;font-weight:600;min-width:62px}[data-v-f27d8ba4] .eta-marker .eta-time{flex:1}input[type=number][data-v-edd05a58]::-webkit-inner-spin-button,input[type=number][data-v-edd05a58]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-edd05a58]{-moz-appearance:textfield}