.route-my-location{width:100%;min-height:44px;border:1px solid #e6e9ee;background:#f5f8fc;color:#1767cf;border-radius:12px;padding:12px 14px;font:inherit;font-size:13px;text-align:left;margin:5px 0 14px;cursor:pointer}.route-preferences{margin:0 0 16px;border-top:1px solid #eceef3;border-bottom:1px solid #eceef3}.route-preferences>summary{padding:16px 0;min-height:48px;cursor:pointer;font-size:13px;color:#4b5565}.nav-launch{display:block;width:100%;min-height:52px;padding:14px 20px;margin:0 0 16px;border:0;border-radius:14px;background:#ffdf39;color:#272b32;font-size:16px;font-weight:700;cursor:pointer}.nav-launch:hover{background:#ffd21c}.navigation-shell[hidden]{display:none}.navigation-shell{position:fixed;inset:0;z-index:1800;pointer-events:none;font-family:inherit}.navigation-shell button{pointer-events:auto;min-height:48px;min-width:48px;border:0;cursor:pointer;font:inherit}.nav-direction{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;display:flex;align-items:center;gap:14px;background:#fff;box-shadow:0 8px 35px #17263f26;border-radius:20px;padding:16px;width:min(440px,calc(100% - 32px))}.nav-turn-icon{display:grid;place-items:center;width:58px;height:58px;flex:none;background:#ffdf39;color:#252b33;font-size:40px;border-radius:15px;line-height:1}.nav-direction>div{flex:1;min-width:0;display:grid;gap:6px}.nav-turn-distance{font-size:27px;line-height:1.15;color:#252b33}.nav-turn-text{font-size:14px;color:#596373;line-height:1.3}.nav-close{align-self:flex-start;background:#f4f5f7;border-radius:50%;font-size:28px!important;color:#555;flex:none}.nav-status{position:absolute;top:128px;left:16px;max-width:min(440px,calc(100% - 32px));background:#fff;color:#4e5c6f;border-radius:12px;padding:9px 13px;font-size:12px;line-height:1.5;box-shadow:0 3px 18px #17263f13}.nav-status:empty{display:none}.nav-status.error{background:#fff3dd;color:#8b5915}.nav-actions{position:absolute;right:16px;bottom:220px;display:grid;gap:10px;justify-items:end}.nav-actions button{border-radius:15px;background:#fff;color:#3f5066;padding:10px 14px;box-shadow:0 4px 20px #17263f20;font-size:13px}.nav-actions .nav-follow{font-size:28px;min-width:52px}.nav-north[aria-pressed=true],.nav-voice[aria-pressed=true]{background:#ffdf39}.nav-trip{position:absolute;bottom:max(46px,calc(24px + env(safe-area-inset-bottom)));left:16px;background:#fff;box-shadow:0 8px 40px #17263f26;border-radius:20px;padding:18px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px 12px;width:min(440px,calc(100% - 32px));pointer-events:auto}.nav-trip>div{display:grid;gap:5px;min-width:0}.nav-trip strong{font-size:22px;color:#252b33;white-space:nowrap}.nav-trip span{font-size:11px;color:#818b99}.nav-trip .nav-eta strong{color:#166ccc}.nav-stop{grid-column:1/-1;border-radius:12px;background:#f0f3f7;color:#3f4b5c;font-size:14px}.nav-limitations{grid-column:1/-1;color:#8993a0;font-size:10px;line-height:1.5}.navigation-car{width:42px;height:42px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#2176f3;box-shadow:0 0 0 9px #2788ff24,0 4px 12px #17468150;transform:translate(-50%,-50%);color:white;pointer-events:none}.navigation-car span{font-size:25px;transform:rotate(var(--heading,0deg));line-height:1}.nav-mode .topbar,.nav-mode .sidebar,.nav-mode .header-actions,.nav-mode .map-heading,.nav-mode .map-tools,.nav-mode .map-legend,.nav-mode .map-status,.nav-mode .mobile-list-toggle,.nav-mode .watch-map-button{display:none!important}.nav-mode .yandex-cluster{display:none}.nav-mode .map-point{pointer-events:none}.nav-mode .workspace .map-section #map{height:100%;width:100%}
@media(max-width:760px){.nav-direction{top:max(12px,env(safe-area-inset-top));left:12px;width:calc(100% - 24px);padding:12px;gap:11px;border-radius:18px}.nav-turn-icon{width:54px;height:54px;font-size:36px}.nav-turn-distance{font-size:25px}.nav-turn-text{font-size:13px}.nav-status{top:118px;left:12px;max-width:calc(100% - 24px)}.nav-actions{right:12px;bottom:260px}.nav-trip{left:12px;width:calc(100% - 24px);bottom:max(48px,calc(25px + env(safe-area-inset-bottom)));padding:16px;gap:15px 10px}.nav-trip strong{font-size:21px}.nav-trip span{font-size:10px}.routing-panel>.route-intro{font-size:12px}.route-preferences>summary{font-size:12px}.nav-launch{position:sticky;top:0;z-index:2;box-shadow:0 5px 15px #ffdc3140}}
@media(max-height:520px){.nav-direction{width:330px}.nav-status{max-width:330px;top:110px}.nav-trip{left:auto;right:12px;bottom:43px;width:320px;gap:10px}.nav-actions{bottom:220px}.nav-limitations{display:none}}
.passenger-date-label{display:grid;gap:7px;font-size:11px;color:#818a97;margin:12px 0}.passenger-date{width:100%;min-height:44px;border:1px solid #e1e5ec;border-radius:10px;background:#fff;color:#333;padding:10px;font:inherit;font-size:12px}
.nav-mode .routing-point:not(.end){display:none}.nav-trip .nav-crossing{grid-column:1/-1;padding:10px 12px;border-radius:10px;background:#fff7e5;color:#80602e;font-size:12px;line-height:1.5}.nav-trip .nav-crossing[hidden]{display:none}
.nav-gps-uncertain .navigation-car{background:#8493a5;box-shadow:0 0 0 9px #8493a524;opacity:.65}
@media(max-height:520px) and (min-width:600px){.nav-actions{top:max(12px,env(safe-area-inset-top));bottom:auto;display:flex;gap:8px;align-items:flex-start}.nav-trip .nav-crossing{font-size:11px;padding:8px 10px}}