#mobileWindowsill,#mobileSheetHandle,#mobileMapSwitch,#mobileOpenThemes{display:none}#mobileSheet{display:contents}
@media(max-width:900px){
 .user-view #viewerHeader{inset:8px 8px auto;height:106px;min-height:0;border-radius:20px;padding:10px 12px;gap:8px;box-shadow:0 5px 26px #18344313}
 .user-view #viewerHeader .viewer-brand{gap:9px}.user-view #viewerHeader .viewer-brand strong{font-size:20px}.user-view #viewerNav{display:none}.user-view #viewerHeader .viewer-search{order:3}.user-view #viewerSearch{background:#f5f6f3;height:38px}
 .user-view #viewerPreferences{width:36px;height:36px}.user-view #viewerSearchResults{max-height:40dvh;overflow:auto}
 #mobileMapSwitch{display:flex;position:fixed;top:126px;left:12px;z-index:900;background:#fffdf9;border:1px solid #e4e8df;border-radius:14px;padding:3px;box-shadow:0 3px 15px #193b3814;gap:2px}
 #mobileMapSwitch button{padding:8px 13px;border:0;background:transparent;font-size:12px;border-radius:10px;color:#647066}#mobileMapSwitch button[aria-pressed=true]{background:#e8f3fb;color:#2479b0}
 .user-view #viewerHome{top:126px;right:12px}.user-view .leaflet-top{top:178px;right:12px}.user-view #viewerZoom{top:270px;right:12px}.user-view #viewerCompass{top:310px;right:12px}
 #mobileWindowsill{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:1100;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#fffdf9;border-top:1px solid #e4e8df;box-shadow:0 -4px 24px #1c39330b;gap:2px}
 #mobileWindowsill button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:53px;min-width:0;padding:5px 0;border:0;border-radius:13px;background:transparent;color:#788378;font-size:10px}
 #mobileWindowsill svg{width:22px;height:22px}#mobileWindowsill button[aria-current=page]{color:#227db3;background:#eaf4fa}#mobileWindowsill button[aria-current=page] svg{stroke-width:2}
 #mobileSheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));height:80px;padding:0;z-index:1000;background:#fffdf9;border:1px solid #e5e9df;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -6px 32px #1e3d3517;transition:height .25s ease;overflow:hidden}
 #mobileSheet[data-position="1"]{height:46dvh}#mobileSheet[data-position="2"]{height:calc(100dvh - 185px)}#mobileSheet.dragging{transition:none}
 #mobileSheetHandle{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;flex:none;width:100%;height:72px;min-height:72px;margin:0;border:0;background:transparent;padding:8px 20px 13px;text-align:left;border-radius:24px 24px 0 0;touch-action:none;cursor:grab;color:#293c34}
 .mobile-grip{grid-column:1/-1;justify-self:center;width:38px;height:4px;border-radius:4px;background:#c9d5c9;margin-bottom:7px}#mobileSheetTitle{font-size:16px;font-weight:650}#mobileSheetPosition{font-size:10px;color:#8a958b}
 .user-view #mobileSheet #viewerCard{position:static;inset:auto;width:100%;max-width:none;min-height:0;max-height:none;flex:1;overflow:auto;padding:0 20px 24px;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;overscroll-behavior:contain;scrollbar-width:thin}
 #mobileSheet[data-position="0"] #viewerCard{visibility:hidden}#mobileSheet.dragging #viewerCard{visibility:visible}
 #mobileSheet #viewerCard h2{font-size:23px;margin:4px 0 7px;letter-spacing:-.5px}#mobileSheet #viewerCard .viewer-muted{font-size:12px;line-height:1.5;color:#879083}
 #mobileSheet .viewer-scroll{max-height:none;min-height:0;overflow:visible}.user-view #mobileSheet .viewer-route-option,.user-view #mobileSheet .viewer-stop-option{min-height:64px;padding:12px 0;border-bottom:1px solid #edf0e7;border-radius:0;background:transparent;text-align:left}
 #mobileSheet .viewer-route-option b,.mobile-route-number{display:grid;place-items:center;min-width:42px;height:42px;background:#fff0d6;border-radius:13px;color:#d8871a;font-size:18px}.user-view #mobileSheet .viewer-route-option span{font-size:14px;line-height:1.4}
 .mobile-list-search{display:block;width:100%;box-sizing:border-box;background:#f3f5ee;border:1px solid #e6eadf;border-radius:13px;min-height:44px;padding:11px 13px;font:inherit;font-size:13px;margin:15px 0 5px}
 .mobile-row{display:flex;align-items:center;gap:13px;width:100%;min-height:70px;padding:12px 0;text-align:left;background:transparent;border:0;border-bottom:1px solid #edf0e7;border-radius:0;color:#344136}
 .mobile-row>span{display:flex;flex-direction:column;gap:5px}.mobile-row strong{font-size:14px;font-weight:550}.mobile-row small{font-size:11px;color:#8b9586;line-height:1.4}.mobile-place-icon{display:grid!important;place-items:center;min-width:42px;height:42px;background:#edf4e5;border-radius:13px;color:#728e56}.mobile-place-icon svg{width:22px;height:22px}
 .mobile-back{padding:8px 0;background:none;border:0;color:#4383a3;font-size:12px}.mobile-primary{padding:12px;border-radius:12px;background:#eaf4fa;color:#347ca6;border:1px solid #d9e9f2;min-height:44px;margin:12px 0}
 #mobileOpenThemes{display:block}.mobile-times{font-size:16px;line-height:1.9;color:#3e503f;word-spacing:5px}.mobile-notice{font-size:12px;line-height:1.6;padding:12px;background:#fff6e5;border-radius:12px;color:#8e783e}.mobile-direction{padding:13px 0;border-bottom:1px solid #e7ecdf}.mobile-direction summary{font-size:14px;cursor:pointer}
 .user-view #viewerSettings{inset:70px 10px auto auto;max-height:calc(100dvh - 155px);width:calc(100vw - 20px);box-sizing:border-box;z-index:1300}.user-view .leaflet-bottom{bottom:calc(155px + env(safe-area-inset-bottom))!important}
 #mobileSheet .viewer-stop-sequence li{padding:6px 0}#mobileSheet .viewer-card-footer{position:sticky;bottom:-24px;background:#fffdf9;padding:12px 0 6px}#mobileSheet .viewer-card-footer button{min-height:42px}
 body.user-view .leaflet-top{top:178px;right:12px}body.user-view #viewerZoom{top:270px;right:12px}body.user-view #viewerHome{top:126px;right:12px}
}
@media(prefers-reduced-motion:reduce){#mobileSheet{transition:none}}
@media(max-width:900px){#mobileSheet[data-section=buses][data-position="1"]{height:58dvh}.user-view #mobileSheet .viewer-route-option[aria-pressed=true]{background:#eaf4fa;border-radius:12px;padding-left:10px;padding-right:10px}}
@media(max-width:900px){#mobileSheet[data-section=home]{display:none}}
