/* Browser material study. Native UIKit/SwiftUI is required for real Liquid Glass. */
body{--glass-fill:rgba(250,250,248,.58);--glass-edge:rgba(255,255,255,.85);--glass-ink:#252525;--glass-selected:rgba(110,110,105,.13);--glass-shadow:0 7px 24px #00000018,inset 0 1px 1px #ffffffed,inset 0 -1px 1px #00000012}
body[data-concept="after-hours"]{--glass-fill:rgba(36,36,35,.57);--glass-edge:rgba(255,255,255,.28);--glass-ink:#f5f5f4;--glass-selected:rgba(255,255,255,.14);--glass-shadow:0 7px 24px #00000030,inset 0 1px 1px #ffffff5c,inset 0 -1px 1px #00000036}
body .screen{bottom:0;padding-bottom:108px;scroll-padding-bottom:112px}
body #detail{padding-bottom:176px;scroll-padding-bottom:176px}
body .viewport,body .viewport.with-action{bottom:0;padding-bottom:108px;scroll-padding-bottom:112px}
body .viewport.with-action{padding-bottom:176px;scroll-padding-bottom:176px}
body .viewport:has(.map-stage){padding-bottom:0;overflow:hidden}
body .map-screen,body #map{padding-bottom:0;overflow:hidden}
body .map-plane{transform:scale(1.15);transform-origin:50% 0}
body .map-stage{height:100%}
body .nav,body .tabbar{
 left:50%;right:auto;bottom:19px;transform:translateX(-50%);width:234px;height:68px;
 border:1px solid var(--glass-edge);border-radius:40px;padding:5px;gap:3px;overflow:hidden;
 display:flex;align-items:center;justify-content:center;
 background:linear-gradient(145deg,#ffffff26,transparent 48%,#ffffff0d),var(--glass-fill);
 -webkit-backdrop-filter:blur(18px) saturate(1.75);backdrop-filter:blur(18px) saturate(1.75);
 box-shadow:var(--glass-shadow);isolation:isolate;
}
body .nav button,body .tabbar .tab{
 flex:1;min-width:0;width:auto;min-height:0;height:56px;position:relative;
 padding:4px 16px;border:0;border-radius:32px;background:transparent;
 color:var(--glass-ink);font:500 11px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;
 letter-spacing:0;text-transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
}
body .nav button.active,body .tabbar .tab.active{background:var(--glass-selected);color:var(--red);box-shadow:inset 0 1px 1px #ffffff30}
body .tabbar .tab.active::after{display:none}
body .nav svg,body .tabbar .tab svg{height:24px;width:24px;stroke-width:1.8}
body .detail-actions,body .detail-action-bar{
 left:20px;right:20px;bottom:99px;height:46px;padding:0;border:0;
 background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:10px;
}
body .detail-actions button,body .detail-action-bar .primary-action{
 border:1px solid var(--glass-edge);border-radius:26px;min-height:46px;height:46px;padding:0 18px;
 background:var(--glass-fill);color:var(--glass-ink);box-shadow:var(--glass-shadow);
 -webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);
 font:600 13px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;text-transform:none;justify-content:center;
}
body .detail-actions .primary-action,body .detail-actions .primary,body .detail-action-bar .primary-action{
 background:linear-gradient(160deg,#ff786520,transparent 70%),rgba(178,24,19,.94);color:white;border-color:#ffbbb861;
}
body .detail-action-bar .action-place{display:none}
body .detail-action-bar{left:auto;width:158px}
body .detail-action-bar .primary-action .arrow{margin-left:15px;font-size:20px}
body .topbar,body .topline{background:transparent;border:0}
body .icon-button,body .back{
 border-radius:25px;border:1px solid var(--glass-edge);background:var(--glass-fill);color:var(--glass-ink);
 box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);
 min-height:44px;padding:0 13px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;letter-spacing:0;text-transform:none;
}
body .icon-button{width:44px;padding:0}
body .map-search,body .area-chip,body .map-help{
 background:var(--glass-fill);border:1px solid var(--glass-edge);border-radius:28px;color:var(--glass-ink);
 box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);
}
body .map-card,body .map-empty,body .map-result{bottom:107px}
body .map-attribution{bottom:238px}
body .map-credit{bottom:264px}
body .status{background:transparent}
@media(prefers-reduced-transparency:reduce){body{--glass-fill:#f5f5f2}body[data-concept="after-hours"]{--glass-fill:#292928}}
@media(prefers-contrast:more){body{--glass-fill:#f5f5f2;--glass-edge:#444}body[data-concept="after-hours"]{--glass-fill:#202020;--glass-edge:#bbb}}
@media(max-width:350px){body .detail-actions{left:14px;right:14px;gap:8px}body .detail-actions button{font-size:12px;padding:0 11px}}

body .map-attribution,body .map-credit{font-size:11px}