.RoutesPage-module__oTH_BW__container{height:calc(100vh - var(--header-height) - 16px);margin-top:calc(var(--header-height) + 8px);background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:8px;display:flex;overflow:hidden}@media (max-width:1024px){.RoutesPage-module__oTH_BW__container{height:auto;margin-top:var(--header-height);border-radius:0;flex-direction:column;margin-bottom:0;overflow:visible}}.RoutesPage-module__oTH_BW__sidebar{border-right:1px solid var(--card-border);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;gap:20px;width:380px;height:100%;padding:24px;display:flex;overflow-y:auto}@media (max-width:1024px){.RoutesPage-module__oTH_BW__sidebar{border-right:none;border-bottom:1px solid var(--card-border);width:100%;height:auto}}.RoutesPage-module__oTH_BW__titleSection{flex-direction:column;gap:6px;display:flex}.RoutesPage-module__oTH_BW__title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.RoutesPage-module__oTH_BW__subtitle{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.RoutesPage-module__oTH_BW__sectionTitle{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.RoutesPage-module__oTH_BW__select{border-radius:var(--radius-sm);border:1.5px solid var(--card-border);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:11px 38px 11px 14px;font-size:.9rem;font-weight:600}.RoutesPage-module__oTH_BW__select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), var(--shadow-sm);outline:none}.RoutesPage-module__oTH_BW__endpointRow{align-items:center;gap:8px;display:flex}.RoutesPage-module__oTH_BW__endpointSelect{border-radius:var(--radius-sm);border:1.5px solid var(--card-border);background:var(--bg-primary);min-width:0;color:var(--text-primary);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;padding:10px 12px;font-size:.85rem;font-weight:600}.RoutesPage-module__oTH_BW__endpointSelect:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), var(--shadow-sm);outline:none}.RoutesPage-module__oTH_BW__swapBtn{border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--bg-primary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.RoutesPage-module__oTH_BW__swapBtn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.RoutesPage-module__oTH_BW__presetGrid{flex-direction:column;gap:6px;display:flex}.RoutesPage-module__oTH_BW__presetBtn{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--bg-primary);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:9px 12px;font-size:.83rem;font-weight:600}.RoutesPage-module__oTH_BW__presetBtn:hover{border-color:var(--primary);color:var(--text-primary);background:var(--primary-glow)}.RoutesPage-module__oTH_BW__presetBtnActive{border-color:var(--primary);color:var(--primary);background:var(--primary-glow);box-shadow:inset 0 0 0 1px var(--primary)}.RoutesPage-module__oTH_BW__pickHint{color:var(--text-muted);margin-top:8px;font-size:.73rem;line-height:1.4}.RoutesPage-module__oTH_BW__legend{background:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.RoutesPage-module__oTH_BW__legendRow{color:var(--text-primary);align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:flex}.RoutesPage-module__oTH_BW__legendSwatch{border-radius:var(--radius-full);flex-shrink:0;width:26px;height:0}.RoutesPage-module__oTH_BW__legendGreatCircle{border-top:3px solid var(--primary)}.RoutesPage-module__oTH_BW__legendRhumb{border-top:3px dashed var(--accent)}.RoutesPage-module__oTH_BW__metrics{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px;display:flex}.RoutesPage-module__oTH_BW__metricRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.RoutesPage-module__oTH_BW__metricLabel{color:var(--text-secondary);font-size:.8rem}.RoutesPage-module__oTH_BW__metricValue{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.RoutesPage-module__oTH_BW__metricDetour{border-top:1px solid var(--card-border);color:var(--accent);text-align:center;padding-top:10px;font-size:.82rem;font-weight:700}.RoutesPage-module__oTH_BW__emptyState{color:var(--text-muted);padding:8px 0;font-size:.82rem;line-height:1.5}.RoutesPage-module__oTH_BW__clearBtn{border:1px solid var(--card-border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:10px;font-size:.85rem;font-weight:600}.RoutesPage-module__oTH_BW__clearBtn:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.RoutesPage-module__oTH_BW__explainer{border-radius:var(--radius-md);background:#6366f10d;border:1px solid #6366f126;flex-direction:column;gap:6px;padding:16px;display:flex}.RoutesPage-module__oTH_BW__explainerTitle{color:var(--primary);text-transform:uppercase;font-size:.8rem;font-weight:700}.RoutesPage-module__oTH_BW__explainerText{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.RoutesPage-module__oTH_BW__backLink{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.82rem;font-weight:600;text-decoration:none}.RoutesPage-module__oTH_BW__backLink:hover{color:var(--primary)}.RoutesPage-module__oTH_BW__mapArea{background:var(--bg-primary);flex-grow:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}@media (max-width:1024px){.RoutesPage-module__oTH_BW__mapArea{height:500px}}