#travelNarrationModal{z-index:2200000!important}
.travel-narration-shell{box-sizing:border-box;max-width:640px;min-height:100dvh;margin:auto;padding:18px;background:#f8fafc;color:#172033;font-family:system-ui,sans-serif}
.travel-narration-shell header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.travel-narration-shell h2{margin:0;font-size:23px;font-weight:800}
.travel-narration-modes{display:grid;gap:11px;margin-bottom:15px}
.travel-narration-modes button{width:100%;min-height:64px;border:0;border-radius:15px;background:#4338ca;color:#fff;text-align:left;padding:14px 18px;font-size:17px;font-weight:800}
.travel-narration-modes button:nth-child(2){background:#047857}
.travel-narration-modes button:nth-child(3){background:#0369a1}
.travel-narration-settings,.travel-narration-history{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:14px;margin:12px 0}
.travel-narration-settings summary,.travel-narration-history summary{font-weight:800;cursor:pointer}
.travel-narration-settings label{display:block;margin:12px 0;font-size:14px;font-weight:700}
.travel-narration-settings input[type=range]{display:block;width:100%;margin-top:9px;accent-color:#4338ca}
.travel-narration-settings fieldset{display:flex;gap:5px 14px;flex-wrap:wrap;border:0;border-top:1px solid #e2e8f0;padding:8px 0;margin:10px 0}
.travel-narration-settings fieldset label{margin:3px 0;white-space:nowrap;font-weight:500}
.travel-narration-settings legend{font-weight:800}
.travel-narration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.travel-narration-grid select{display:block;width:100%;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:9px;margin-top:5px}
.travel-narration-settings button{border:0;border-radius:10px;background:#4338ca;color:#fff;padding:10px 14px;font-weight:800}
#travelNarrationStatus{min-height:1em;color:#166534;font-size:13px}
#travelNarrationHistory{display:grid;gap:8px;margin:12px 0}
#travelNarrationHistory button{border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:10px;text-align:left;font-size:13px}
#travelNarrationHistory button.active{border-color:#4338ca;background:#eef2ff}
#travelNarrationHistoryAudio{display:block;width:100%;margin:12px 0}
#travelNarrationHistoryAudio.hidden{display:none}
#travelNarrationHistoryOpenRoute{border:0;border-radius:9px;background:#0369a1;color:#fff;padding:9px 12px;font-weight:700;margin:6px 0}
#travelNarrationHistoryOpenRoute.hidden{display:none}
#travelNarrationHistoryText{white-space:pre-wrap;line-height:1.65;font-size:14px}
.journey-current-origin{border:1px solid #c7d2fe;border-radius:10px;background:#eef2ff;color:#3730a3;padding:8px 12px;font-weight:700}
.journey-auto-prepare{display:flex;align-items:center;gap:7px;font-size:14px}