@media(max-width:768px){#app{flex-direction:column}#mapWrap{order:1;height:100vh;height:100dvh;width:100%}.mobile-map-header{position:absolute;top:0;left:0;right:0;z-index:510;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:linear-gradient(180deg,var(--header-grad-from),var(--header-grad-to));border-bottom:1px solid var(--header-border);color:var(--text);box-shadow:0 5px 18px #00000040}.mobile-map-brand{display:inline-flex;align-items:center;min-height:44px;gap:9px;color:var(--text);font-size:20px;font-weight:700;text-decoration:none}.mobile-map-brand b{color:var(--green)}.mobile-map-menu{min-width:66px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-weight:650;cursor:pointer}.mobile-map-menu:focus-visible{outline:2px solid var(--green);outline-offset:2px}.mobile-map-login{min-width:66px;min-height:44px;margin-left:auto;padding:0 12px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#fff;font:inherit;font-weight:650;cursor:pointer}.mobile-map-login:focus-visible{outline:2px solid var(--green);outline-offset:2px}.services-toggle,.traffic-toggle{top:calc(76px + env(safe-area-inset-top))}#sidebar{order:2;position:fixed;left:0;right:0;bottom:0;width:100%;min-width:0;height:92vh;height:92dvh;border:none;border-top:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:0 -6px 24px #00000080;transform:translateY(calc(100% - var(--mobile-sheet-peek)));transition:transform .28s ease;z-index:1000;padding-bottom:env(safe-area-inset-bottom);overflow:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}#sidebar.open{transform:translateY(0);overflow-y:auto}.mobile-sheet-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:8px 0 6px;border:0;background:transparent;color:var(--muted);cursor:pointer}.mobile-sheet-toggle:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--border)}#sidebar:not(.open) .topbar,#sidebar:not(.open) .search-row,#sidebar:not(.open) .filters,#sidebar:not(.open) .stats-bar,#sidebar:not(.open) .city-summary,#sidebar:not(.open) .my-contribution,#sidebar:not(.open) .beacon-cities,#sidebar:not(.open) .leaderboard-widget,#sidebar:not(.open) .route-search-widget,#sidebar:not(.open) .donate-widget{display:none!important}#sidebar:not(.open) .list-header{min-height:38px;padding-top:4px}#sidebar:not(.open) .station-list{flex:1 1 auto;height:auto;min-height:0;overflow:hidden}#sidebar:not(.open) .station-list .station-card:nth-child(n+2),#sidebar:not(.open) .station-list .skeleton-card:nth-child(n+2),#sidebar:not(.open) .station-list .list-more{display:none}#installBanner{bottom:calc(var(--mobile-sheet-peek) + 12px + env(safe-area-inset-bottom))}.topbar{padding-top:18px}.legend{left:8px;bottom:calc(var(--mobile-sheet-peek) + 16px);gap:8px;padding:6px 8px;font-size:11px}.detail-panel{width:100%;left:0;right:0;max-width:100%;border-radius:18px 18px 0 0}.modal-box{max-width:100%;border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom)}#locateBtn{bottom:calc(var(--mobile-sheet-peek) + 48px + env(safe-area-inset-bottom))}#notifyBtn{bottom:calc(var(--mobile-sheet-peek) + 104px + env(safe-area-inset-bottom))}#hereBtn{bottom:calc(var(--mobile-sheet-peek) + 160px + env(safe-area-inset-bottom));padding:11px 14px}.station-list{flex:0 0 auto;height:clamp(300px,44vh,480px);height:clamp(300px,44dvh,480px)}.leaderboard-widget,.route-search-widget{flex:0 0 auto}.route-search-widget{scroll-margin-top:20px}#sidebar.open~#mapWrap #locateBtn,#sidebar.open~#mapWrap #notifyBtn,#sidebar.open~#mapWrap #hereBtn{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}.chip,.tag,.seg-btn{min-height:44px}.icon-btn,.city-summary .icon-btn{width:44px;height:44px}.city-select-full,.city-select-btn,.chip-select{min-height:44px}.detail-close,.ob-skip,.cmp-btn,.goal-remove,#installBanner button{min-width:44px;min-height:44px}.nav-choice .nav-opt,.issue-link,.issue-opt,.gp-skip,.add-price select,.add-price input,.add-price button{min-height:44px}#cookieBanner{left:12px;right:12px;bottom:calc(var(--mobile-sheet-peek) + 10px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:14px;padding:10px 12px;gap:9px;justify-content:stretch;box-shadow:0 12px 34px #0000007a}#cookieBanner .cb-text{flex:0 0 100%;width:100%;max-width:none;font-size:12px;line-height:1.35}#cookieBanner .cb-actions{flex:0 0 100%;width:100%}#cookieBanner .cb-actions button{flex:1 1 0;min-height:44px}body:has(#cookieBanner:not(.hidden)) #locateBtn{bottom:calc(var(--mobile-sheet-peek) + 196px + env(safe-area-inset-bottom))}body:has(#cookieBanner:not(.hidden)) #notifyBtn{bottom:calc(var(--mobile-sheet-peek) + 252px + env(safe-area-inset-bottom))}body:has(#cookieBanner:not(.hidden)) #hereBtn{bottom:calc(var(--mobile-sheet-peek) + 308px + env(safe-area-inset-bottom))}body:has(#cookieBanner:not(.hidden)) .legend{bottom:calc(var(--mobile-sheet-peek) + 164px + env(safe-area-inset-bottom))}#cookieBanner:not(.hidden)~.toast{bottom:calc(var(--mobile-sheet-peek) + 168px + env(safe-area-inset-bottom))}}.mobile-map-chat{min-width:60px;min-height:44px;padding:0 12px;border:1px solid #d7d7d7;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.mobile-map-chat:focus-visible{outline:2px solid var(--green);outline-offset:2px}