:root,[data-ui-mode=day]{color-scheme:light;--ui-surface: #FAF6EB;--ui-text: #23302A;--ui-control: #245C4C;--ui-route: #E56F45;--ui-weather-surface: #DCEBED;--ui-weather-text: #23302A;--ui-control-surface: rgba(250, 246, 235, .94);--ui-control-border: rgba(35, 48, 42, .22);--ui-control-shadow: rgba(35, 48, 42, .22);--ui-map-scrim: rgba(35, 48, 42, .14)}[data-ui-mode=night]{color-scheme:dark;--ui-surface: #1D2224;--ui-text: #F4F3EE;--ui-control: #343A3C;--ui-route: #FF8060;--ui-weather-surface: #283F49;--ui-weather-text: #CBEAF4;--ui-control-surface: rgba(29, 34, 36, .94);--ui-control-border: rgba(244, 243, 238, .18);--ui-control-shadow: rgba(0, 0, 0, .34);--ui-map-scrim: rgba(0, 0, 0, .24)}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101418;color:#f8fafc;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{touch-action:manipulation}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#101418}.stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;background:#000}.map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent}.map-style-error{position:fixed;z-index:12;top:max(76px,calc(env(safe-area-inset-top) + 76px));left:50%;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px 8px 14px;transform:translate(-50%);border:1px solid var(--shell-danger, #a82c21);border-radius:14px;background:var(--ui-control-surface, #fff);color:var(--ui-text, #16120d);box-shadow:0 12px 28px var(--ui-control-shadow, rgba(0, 0, 0, .24))}.map-style-error button{min-height:44px}.topbar{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:48px;min-height:44px;z-index:8;display:flex;align-items:center;pointer-events:none}.brand-link{width:48px;height:48px;flex:0 0 auto;display:block;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:50%;box-shadow:none;overflow:hidden;pointer-events:auto;text-decoration:none}.brand-link{width:48px;height:48px;flex:0 0 auto;display:block;border:0;background:transparent;border-radius:50%;box-shadow:none;overflow:hidden;pointer-events:auto;text-decoration:none}.brand-link img{width:100%;height:100%;display:block;object-fit:cover;object-position:17% 50%}.sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.route-actions button,.route-form button{min-height:40px;border:1px solid rgba(255,255,255,.12);background:#101418d1;color:#f8fafc;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;cursor:pointer}.route-form{display:grid;gap:8px;margin-bottom:10px}.route-form input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#f8fafc;border-radius:8px;padding:0 11px;outline:none}.route-form input::placeholder{color:#8390a3}.route-form button{background:#2dd4bf;border-color:#2dd4bf;color:#062621;font-weight:800}.route-form button:disabled{opacity:.58;cursor:wait}.route-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.route-form-actions button{min-height:34px;font-size:12px;color:#dbeafe;background:#3b82f61f;border-color:#93c5fd38;font-weight:750}.route-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.route-actions button{min-width:0;padding:0 8px;font-size:12px;color:#dbeafe;background:#3b82f61f}.route-list{display:grid;gap:8px}.route-card{min-height:58px;display:grid;grid-template-columns:8px 1fr;gap:10px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e;color:#f8fafc;padding:9px 10px;cursor:pointer}.route-card.active{border-color:#2dd4bf8c;background:#2dd4bf1f}.route-color{width:6px;height:100%;border-radius:999px}.route-card strong{display:block;font-size:13px;line-height:1.25}.route-card small{display:block;margin-top:4px;color:#9aa7bb;font-size:11px;line-height:1.25}.legend-stack{position:fixed;z-index:8;right:max(84px,calc(env(safe-area-inset-right) + 84px));bottom:calc(204px + env(safe-area-inset-bottom));width:min(290px,calc(100vw - 20px));display:flex;flex-direction:column;align-items:stretch;gap:8px;pointer-events:none}.weather-legend{width:100%;padding:9px 10px;color:#172033;background:#ffffffeb;border:1px solid rgba(15,23,42,.14);border-radius:8px;box-shadow:0 12px 28px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.weather-legend div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:800}.weather-legend strong{color:#334155;font-size:11px}.weather-legend i{display:block;height:9px;margin-top:7px;border-radius:999px;background:linear-gradient(90deg,#3182ced9,#ffed4ae6,#d94801f2)}.rain-legend{width:100%;min-height:34px;display:grid;grid-template-columns:78px 1fr 78px;align-items:center;gap:8px;padding:8px 10px;color:#172033;background:#ffffffeb;border:1px solid rgba(15,23,42,.14);border-radius:8px;box-shadow:0 12px 28px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px;font-weight:850;line-height:1.15}.rain-legend i{height:16px;display:block;overflow:hidden;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:linear-gradient(90deg,#63615914,#827b6949,#cec08796 22.222%,#8de,#00a3e0,#07a,#058,#fe0,#fa0,#f40,#c10000,#faf,#f7f,#fff,#fff,#0f0,#0f0);font-style:normal}.rain-legend .rain-scale{height:100%;display:grid;grid-template-columns:repeat(7,1fr)}.rain-legend .rain-scale b{display:block;height:100%;border-right:1px solid rgba(255,255,255,.55)}.rain-legend .rain-scale b:last-child{border-right:0}.rain-attribution{align-self:flex-end;color:#172033;background:#ffffffeb;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:700;pointer-events:auto}.fuel-histogram{width:220px;height:90px;align-self:flex-end;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}.fuel-marker{position:relative;display:grid;grid-template-rows:46px 25px;width:68px;min-height:78px;padding:5px;border:1px solid rgba(15,23,42,.14);background:#fff;border-radius:8px;box-shadow:0 8px 20px #00000052;cursor:pointer}.fuel-marker:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ffffff;filter:drop-shadow(0 3px 2px rgba(0,0,0,.22))}.fuel-brand{display:grid;place-items:center;border-radius:7px;color:#0f172a;font-size:20px;font-weight:950;letter-spacing:0;text-transform:uppercase}.fuel-price{display:grid;place-items:center;border-radius:6px;color:#fff;font-size:13px;font-weight:950;letter-spacing:0;line-height:1}.fuel-marker.cheap .fuel-price{background:#168451}.fuel-marker.mid .fuel-price{background:#f0b429;color:#111827}.fuel-marker.expensive .fuel-price{background:#e23d4d}.fuel-marker.neutral .fuel-price{background:#64748b}.user-location-dot{width:18px;height:18px;border-radius:50%;background:#3b82f6;border:3px solid white;box-shadow:0 0 0 9px #3b82f638,0 8px 22px #00000052}.maplibregl-popup-content{border-radius:8px;font-family:inherit}@media(max-width:780px){.topbar{height:auto;align-items:flex-start}.legend-stack{right:10px;bottom:calc(184px + env(safe-area-inset-bottom));width:min(250px,calc(100vw - 20px))}.weather-legend{width:170px;align-self:flex-end}.rain-legend{grid-template-columns:68px 1fr 68px;font-size:10px}.fuel-histogram{right:10px;bottom:calc(158px + env(safe-area-inset-bottom));width:200px;height:82px}}.app-shell{background:var(--ui-surface);color:var(--ui-text)}.app-chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.app-chrome .brand-link,.chrome-button{position:absolute;pointer-events:auto}.app-chrome .brand-link{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.chrome-button{min-width:48px;min-height:48px;border:1px solid var(--ui-control-border);border-radius:14px;background:var(--ui-control-surface);color:var(--ui-text);box-shadow:0 12px 28px var(--ui-control-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;cursor:pointer}.chrome-button svg{width:21px;height:21px;stroke-width:2.1}.chrome-button:focus-visible{outline:3px solid var(--ui-route);outline-offset:3px}.journey-launcher{top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);color:var(--ui-control);font-weight:800}[data-ui-mode=night] .journey-launcher{color:var(--ui-text)}.location-launcher{top:calc(max(12px,env(safe-area-inset-top)) + 64px);left:max(12px,env(safe-area-inset-left));padding:0}.location-launcher.active{background:var(--ui-control);border-color:var(--ui-control);color:var(--ui-surface)}[data-ui-mode=night] .location-launcher.active{color:var(--ui-text)}.tools-launcher{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));font-weight:800}@media(max-width:780px){.chrome-button{min-width:44px;min-height:44px;border-radius:12px}.journey-launcher{max-width:calc(100vw - 164px);overflow:hidden}.journey-launcher span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-launcher{top:calc(max(10px,env(safe-area-inset-top)) + 60px)}.tools-launcher{padding:0}.tools-launcher span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.chrome-button{transition:none}}.travel-sheet{position:fixed;z-index:16;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));box-sizing:border-box;max-width:1120px;max-height:calc(100dvh - 120px);margin-inline:auto;overflow-x:hidden;overflow-y:auto;border:1px solid var(--ui-control-border);border-radius:24px;background:var(--ui-control-surface);color:var(--ui-text);box-shadow:0 18px 50px var(--ui-control-shadow)}.travel-sheet[data-snap=compact]{max-height:min(44dvh,360px)}.travel-sheet[data-snap=medium]{max-height:min(55dvh,480px)}.travel-sheet[data-snap=expanded]{max-height:calc(100dvh - 110px)}.travel-sheet__header{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:12px;min-height:58px;padding:8px 12px 8px 18px;background:var(--ui-control-surface);border-bottom:1px solid var(--ui-control-border)}.travel-sheet__header h2,.route-alternatives h3{margin:0}.travel-sheet__snaps{display:flex;gap:4px}.travel-sheet__snaps button,.travel-sheet__close,.route-planner button,.route-actions button,.route-alternative button{min-height:44px}.travel-sheet__snaps button[aria-pressed=true]{font-weight:750;text-decoration:underline;text-underline-offset:4px}.travel-sheet__close{min-width:44px;font-size:24px}.travel-sheet__content{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);gap:18px;padding:18px}.travel-sheet__content>*{min-width:0}.journey-overview{grid-column:1 / -1;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:12px;min-width:0}.journey-overview>.longitudinal-profile{grid-column:1 / -1}.journey-profile-area{grid-column:1 / -1;min-width:0}.journey-tabs{grid-column:1 / -1;display:grid;gap:12px;min-width:0;overflow-x:hidden}.journey-tabs__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}.journey-tabs__list button{min-width:0;min-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-tabs__list button[aria-selected=true]{color:#fff;background:var(--ui-control);font-weight:750}.journey-tabs__panel{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);gap:18px;min-width:0;outline:none}.next-maneuver{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--ui-route) 12%,var(--ui-control-surface));border:1px solid color-mix(in srgb,var(--ui-route) 45%,var(--ui-control-border))}.next-maneuver__symbol,.next-maneuver>span:first-child{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ui-route);color:#fff;font-size:1.8rem;font-weight:800}.next-maneuver h3,.next-maneuver p,.route-context-card h3,.route-context-card p{margin:0}.next-maneuver small{display:block;margin-bottom:3px;opacity:.72}.next-maneuver strong{display:block;margin-top:5px;font-size:1.15rem}.next-maneuver[data-status=off_route]{border-color:var(--shell-danger, #a82c21)}.route-context-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.route-context-card{display:grid;align-content:start;gap:5px;min-width:0;padding:12px;border:1px solid var(--ui-control-border);border-radius:14px;background:color-mix(in srgb,var(--ui-weather-surface) 42%,var(--ui-control-surface))}.route-context-card h3{font-size:.92rem}.route-context-card p{overflow-wrap:anywhere}.route-context-card small{opacity:.7;overflow-wrap:anywhere}.route-summary{display:grid;align-content:center;gap:4px;min-width:0;padding:14px;border:1px solid var(--ui-control-border);border-radius:16px;background:color-mix(in srgb,var(--ui-route) 7%,var(--ui-control-surface))}.route-summary strong,.route-summary span,.route-summary small{overflow-wrap:anywhere}.route-summary small{opacity:.72}.travel-sheet[data-snap=compact] .route-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;padding:8px 12px;font-size:.86rem}.travel-sheet[data-snap=compact] .route-summary strong{grid-column:1 / -1}.travel-sheet[data-snap=compact] .route-summary small,.travel-sheet[data-snap=compact][data-phase=route_ready] .journey-planning,.travel-sheet[data-snap=compact][data-phase=route_ready] .route-alternatives,.travel-sheet[data-snap=compact][data-phase=navigating] .journey-planning,.travel-sheet[data-snap=compact][data-phase=navigating] .route-alternatives,.travel-sheet[data-snap=medium][data-phase=route_ready] .journey-planning,.travel-sheet[data-snap=medium][data-phase=route_ready] .route-alternatives,.travel-sheet[data-snap=medium][data-phase=navigating] .journey-planning,.travel-sheet[data-snap=medium][data-phase=navigating] .route-alternatives,.travel-sheet[data-snap=compact] .route-context-cards{display:none}.route-planner,.route-planner label,.route-planner__vias,.route-alternatives__list,.route-alternative__summary{display:grid;gap:8px;min-width:0}.route-planner{align-content:start}.route-planner label span{font-weight:650}.route-planner label small{font-weight:400;opacity:.72}.route-planner input{box-sizing:border-box;width:100%;min-width:0;min-height:44px}.route-planner__via{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.route-planner__error{margin:0;color:var(--shell-danger, #a82c21);font-weight:650}.route-alternative{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid var(--ui-control-border);border-radius:14px}.route-alternative[data-focused=true]{outline:3px solid currentColor;outline-offset:-4px}.route-alternative__color{align-self:stretch;min-height:54px;border-radius:999px}.route-alternative__summary strong,.route-alternative__summary small{overflow-wrap:anywhere}.route-alternative__states,.route-alternative__actions{display:flex;flex-wrap:wrap;gap:6px}.route-alternative__states span{padding:2px 8px;border:1px solid currentColor;border-radius:999px;font-size:.78rem}@media(max-width:780px){.travel-sheet{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));width:auto;max-width:none;border-radius:20px}.travel-sheet[data-snap=expanded]{max-height:calc(100dvh - 76px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.travel-sheet[data-snap=compact]{max-height:min(55dvh,465px);overflow-y:hidden}.travel-sheet__header{grid-template-columns:minmax(0,1fr) 44px}.travel-sheet__snaps{grid-column:1 / -1;grid-row:2}.travel-sheet__snaps button{flex:1;min-width:0}.travel-sheet__content{grid-template-columns:minmax(0,1fr);padding:12px}.journey-tabs__panel{grid-template-columns:minmax(0,1fr);gap:12px}.journey-overview,.route-context-cards{grid-template-columns:minmax(0,1fr)}.route-alternative{grid-template-columns:6px minmax(0,1fr)}.route-alternative__actions{grid-column:2}}@media(prefers-reduced-motion:reduce){.travel-sheet{scroll-behavior:auto}}.longitudinal-profile{min-width:0;overflow:hidden;border:1px solid var(--ui-control-border);border-radius:16px;background:color-mix(in srgb,var(--ui-control-surface) 92%,var(--ui-map-surface));color:var(--ui-text)}.longitudinal-profile__header{display:flex;align-items:center;gap:10px;min-width:0;min-height:42px;padding:6px 10px;border-bottom:1px solid var(--ui-control-border)}.longitudinal-profile__header>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.longitudinal-profile__header>span{margin-right:auto;white-space:nowrap;opacity:.72;font-size:.82rem}.longitudinal-profile__controls{display:flex;align-items:center;gap:6px}.longitudinal-profile__controls button,.longitudinal-profile__controls select{min-height:44px}.longitudinal-profile__controls button.active{font-weight:750;text-decoration:underline;text-underline-offset:3px}.profile-interaction-region{position:relative;width:100%;height:230px;cursor:crosshair;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.longitudinal-profile--compact .longitudinal-profile__header{min-height:30px;padding-block:3px;border-bottom:0}.longitudinal-profile--compact .longitudinal-profile__header>strong{font-size:.82rem}.longitudinal-profile--compact .profile-interaction-region{height:88px}.profile-interaction-region svg{display:block;width:100%;height:100%}.longitudinal-profile .profile-label{fill:var(--ui-text);font-size:11px;font-weight:800}.longitudinal-profile .profile-muted{fill:var(--ui-text);opacity:.62;font-size:10px;font-weight:700}.longitudinal-profile .profile-temp-marker{fill:#172033;font-size:8px;font-weight:850}.longitudinal-profile .profile-grid{stroke:color-mix(in srgb,var(--ui-text) 15%,transparent);stroke-width:1}.longitudinal-profile .profile-axis{stroke:color-mix(in srgb,var(--ui-text) 30%,transparent);stroke-width:1.2}.longitudinal-profile .profile-cursor-label{fill:var(--ui-text);paint-order:stroke;stroke:var(--ui-control-surface);stroke-width:3px;font-size:11px;font-weight:750}.longitudinal-profile .profile-rain-drop{animation:profile-rain-fall .94s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes profile-rain-fall{0%{transform:translateY(-3px);opacity:.08}30%{opacity:.72}to{transform:translateY(4px);opacity:.12}}@media(max-width:780px){.longitudinal-profile__header{flex-wrap:wrap}.longitudinal-profile__controls{width:100%}.longitudinal-profile__controls select{min-width:0;flex:1}.profile-interaction-region{height:210px}}@media(prefers-reduced-motion:reduce){.longitudinal-profile .profile-rain-drop{animation:none}}.tool-drawer{position:fixed;z-index:18;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:min(420px,calc(100vw - 24px));display:flex;flex-direction:column;overflow:hidden;color:var(--ui-text);background:var(--ui-control-surface);border:1px solid var(--ui-control-border);border-radius:22px;box-shadow:0 18px 50px var(--ui-control-shadow);outline:none;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.tool-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 10px 8px 18px;border-bottom:1px solid var(--ui-control-border)}.tool-drawer__header h1{margin:0;font-size:1.2rem}.tool-drawer__header button{min-width:44px;min-height:44px;font-size:1.5rem}.tool-drawer__body{overflow:auto;overscroll-behavior:contain;padding:6px 16px calc(16px + env(safe-area-inset-bottom))}.tool-group{display:grid;gap:10px;padding:14px 0 18px;border-bottom:1px solid var(--ui-control-border)}.tool-group:last-child{border-bottom:0}.tool-group h2{margin:0;font-size:1rem}.tool-actions,.tool-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-actions--three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-actions button,.tool-segments button,.tool-more-styles summary,.tool-legal a{min-height:44px}.tool-actions button,.tool-segments button{min-width:0}.tool-segments button[aria-pressed=true]{color:#fff;background:var(--ui-control);font-weight:750}.tool-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.tool-switches label,.tool-switch{min-height:44px;display:flex;align-items:center;gap:9px}.tool-switches input,.tool-switch input{width:20px;height:20px;accent-color:var(--ui-control)}.tool-field,.tool-ranges label{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);align-items:center;gap:10px;min-height:44px}.tool-field select,.tool-field input,.tool-ranges input{min-width:0;min-height:44px;width:100%}.tool-field output,.tool-ranges output{grid-column:2;text-align:right;font-variant-numeric:tabular-nums}.tool-ranges{display:grid;gap:4px}.tool-more-styles summary{display:flex;align-items:center;cursor:pointer}.tool-more-styles .tool-segments{margin-top:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-legal{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-legal a{display:grid;place-items:center;color:inherit;border:1px solid var(--ui-control-border);border-radius:10px;text-decoration:none}.roadbook{grid-column:1 / -1;min-width:0}.roadbook h3{margin:0}.roadbook ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.roadbook li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;min-height:54px;gap:10px;padding:6px 10px;border:1px solid var(--ui-control-border);border-radius:12px}.roadbook li[aria-current=step]{border-color:var(--ui-route);background:color-mix(in srgb,var(--ui-route) 12%,transparent)}.roadbook__index{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ui-control);color:#fff;font-weight:750}.roadbook strong,.roadbook small{display:block;overflow-wrap:anywhere}.roadbook small{margin-top:3px;opacity:.72}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ui-route);outline-offset:2px}@media(max-width:780px){.tool-drawer{top:auto;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));width:auto;max-height:calc(100dvh - 76px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px}.tool-switches{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.tool-drawer{scroll-behavior:auto}}