/* EN | ES switch: fixed, outside page flow, so it never shifts the layout (EN looks like live) */
html body .lang-switch{position:fixed;top:auto;left:auto;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:9000;display:inline-flex;align-items:center;gap:2px;padding:2px 3px;margin:0;border-radius:999px;background:rgba(11,11,11,.82);color:#fff;font:700 10px/1 Inter,system-ui,sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.25)}
html body .lang-switch span{opacity:.5;padding:0 1px}
html body .lang-switch button{all:unset;box-sizing:border-box;cursor:pointer;padding:3px 6px;border-radius:999px;color:#fff;opacity:.75;min-width:16px;text-align:center;font:inherit}
html body .lang-switch button.on,html body .lang-switch button[aria-pressed="true"]{background:#fff!important;color:#0b0b0b!important;opacity:1}
html body .lang-switch button:focus-visible{outline:2px solid #22c55e}
html body .lang-switch.on-tabbar{bottom:auto}
@media (min-width:900px){html body .lang-switch{top:auto;bottom:40px;right:16px;left:auto;font-size:12px;padding:3px 4px}html body .lang-switch button{padding:5px 9px}}
/* 360 overflow fixes (ES strings are longer) */
html[lang=es] .sp-mine-link{white-space:normal;max-width:100%;display:inline-block}
html[lang=es] form label,html[lang=es] form input{max-width:100%;min-width:0;box-sizing:border-box}
/* legal translation note */
.legal-official-note{font-size:13px;padding:8px 12px;border-radius:10px;background:rgba(250,204,21,.18);margin:0 0 12px}
/* install banner title per language (Spanish word order) */
#installBanner .ib-es{display:none}html[lang=es] #installBanner .ib-es{display:inline}html[lang=es] #installBanner .ib-en{display:none}
/* phones: extra bottom room so the EN|ES switch never covers the last scrolled lines */

/* v12 langbtn: green outlined box, globe, 44px active pill (Post ring / Map dot green #39FF14), no glow */
html body .lang-switch{gap:4px;padding:3px 4px 3px 8px;border:2px solid #39FF14;background:#0B0B0B;color:#E5E9EF;font:800 13px/1 Inter,system-ui,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.35);text-shadow:none}
html body .lang-switch .ls-globe{display:block;width:16px;height:16px;flex:0 0 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339FF14' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.7 2.5 15.3 0 18M12 3c-2.5 2.7-2.5 15.3 0 18'/%3E%3C/svg%3E") center/contain no-repeat}
html body .lang-switch span{opacity:.45;padding:0}
html body .lang-switch button{height:44px;min-width:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;color:#E5E9EF;opacity:.85;font-size:13px}
html body .lang-switch button.on,html body .lang-switch button[aria-pressed="true"]{background:#39FF14!important;color:#0B0B0B!important;font-size:15px;font-weight:900;opacity:1}
html body[data-mode="day"] .lang-switch{background:#FFFFFF;color:#0B0B0B;box-shadow:0 2px 6px rgba(0,0,0,.18)}
html body[data-mode="day"] .lang-switch button{color:#0B0B0B}
html body .lang-switch button:focus-visible{outline:2px solid #0B0B0B;outline-offset:-4px}
@media (min-width:900px){html body .lang-switch{font-size:13px;padding:3px 4px 3px 8px}html body .lang-switch button{padding:0 12px}}
/* v14 langbtn: top of screen, just left of Day/Night, same 36px pill height. Placed by i18n.js place(). */
html body .lang-switch,html body .lang-switch.on-tabbar{top:-200px;bottom:auto!important;right:auto;height:36px;box-sizing:border-box;padding:0 2px 0 6px;gap:2px;z-index:9000}
html body .lang-switch span{display:none}
html body .lang-switch .ls-globe{width:13px;height:13px;flex:0 0 13px}
html body .lang-switch button{height:28px;min-width:30px;padding:0 6px;font-size:12px}
html body .lang-switch button.on,html body .lang-switch button[aria-pressed="true"]{font-size:13px}
@media (min-width:900px){html body .lang-switch,html body .lang-switch.on-tabbar{bottom:auto!important;padding:0 2px 0 6px}html body .lang-switch button{padding:0 7px}html body .desk-header .desk-mode{margin-left:112px!important}}
/* v16 langbtn: DAY mode uses a deeper green (#1F7A3A, white active text, 5.6:1); NIGHT unchanged (#39FF14) */
html body[data-mode="day"] .lang-switch{border-color:#1F7A3A}
html body[data-mode="day"] .lang-switch .ls-globe{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7A3A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.7 2.5 15.3 0 18M12 3c-2.5 2.7-2.5 15.3 0 18'/%3E%3C/svg%3E")}
html body[data-mode="day"] .lang-switch button.on,html body[data-mode="day"] .lang-switch button[aria-pressed="true"]{background:#1F7A3A!important;color:#FFFFFF!important}
html body[data-mode="day"] .lang-switch button:focus-visible{outline-color:#0B0B0B}
/* v17 langbtn fixes: fixed Day/Night width in both languages, 44px hit areas, compact ES "Cómo funciona" */
html body .mode-slider-opt{flex:0 0 62px!important;width:62px!important;min-width:62px!important;box-sizing:border-box}
html body .mode-slider,html body .desk-mode{flex:0 0 auto}
html body .lang-switch button{position:relative;min-width:34px}
html body .lang-switch button::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:999px}
html[lang=es] .sales-head .sales-how{padding:8px 10px!important;font-size:13px!important}
/* v18 langbtn desktop header: search >=224px input, one-line nav, same in EN/ES, 44px non-overlapping tap areas */
@media (min-width:900px){html body .desk-header .desk-header-inner{gap:12px!important;padding-left:20px!important;padding-right:20px!important}html body .desk-header .desk-search{flex:0 0 294px!important;width:294px!important;min-width:0!important}html body .desk-header .desk-nav{flex:0 1 auto!important;width:auto!important;min-width:0;gap:3px!important;justify-content:flex-start}html body .desk-header .desk-nav>*{white-space:nowrap!important;max-width:none!important;padding-left:8px!important;padding-right:8px!important;gap:4px!important;font-size:12.5px!important}html body .desk-header .desk-logo .brand-wordmark{height:23px!important}html body .desk-header .desk-mode{margin-left:117px!important}
html body .lang-switch{gap:10px!important}html body .lang-switch .ls-globe{margin-right:-6px}html body .lang-switch button{min-width:34px}html body .lang-switch button::after{width:44px;height:44px}}
@media (min-width:900px) and (max-width:1299px){html body .desk-header .desk-search{flex:0 1 294px!important}}
@media (min-width:900px){html body .desk-header .desk-nav{margin-left:0!important;flex:1 1 auto!important;justify-content:flex-end!important}html body .desk-header .desk-nav>*{padding-left:6px!important;padding-right:6px!important;font-size:12px!important}}
html body .lang-switch{gap:10px!important}html body .lang-switch .ls-globe{margin-right:-6px}
@media (max-width:420px){html[lang=es] .sales-head .sales-how{padding:8px 8px!important;font-size:12px!important}}
/* v19 langbtn: EN|ES at TOP CENTER in its own slim row (all widths) */
html body .lang-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:4px 0 2px;box-sizing:border-box;position:relative;z-index:9000}
html body .lang-row .lang-switch,html body .lang-row .lang-switch.on-tabbar{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0 auto}
html body .lang-row #payTestBadge{position:static!important;top:auto!important;right:auto!important;left:auto!important;transform:none!important;margin:0}
html body .app-shell{min-height:calc(100dvh - var(--lr,0px))!important}
html body[data-mode="day"] .lang-row{background:#F5F0E8}
html body[data-mode="night"] .lang-row{background:#0B0B0B}
@media (min-width:900px){html body .app-shell{min-height:calc(100vh - var(--lr,0px))!important}}

/* v51: top-center wins everywhere - no bottom-right fallback even before the row mounts */
/* v51: phone Map - drop the empty dark spacer strip so the map/header start right under the top row */
@media (max-width:899px){html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u) .example-banner.map-home-banner:empty{display:none!important}
/* phones: the Get-the-app banner shows on the Map only, never over List/Shop/Profile content */
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):has(#app .screen-head) #installBanner.install-banner{display:none!important}
html body .ft-shops .sp-shops-head h2{white-space:nowrap}}

html body .ft-shops .sp-shop-row{max-width:100%;overflow-x:auto}

/* v54 agreed mockup: no slim row; on phone Map the green pill sits in the header bar between logo and Day/Night */
html body .lang-switch{position:fixed!important;transform:none!important}
@media (max-width:899px){
html.ls-map body .map-brand-float{transform:scale(.84);transform-origin:left center}
html.ls-map body .map-mode-float .mode-slider-opt{flex:0 0 54px!important;width:54px!important;min-width:54px!important}
html.ls-map body .lang-switch{gap:5px!important;padding:0 3px 0 6px}
html.ls-map body .lang-switch .ls-globe{margin-right:-2px}
}
@media (max-width:374px){html.ls-map body .lang-switch .ls-globe{display:none}html.ls-map body .lang-switch{padding:0 3px}html.ls-map body .map-brand-float{transform:scale(.76)}html.ls-map body .map-mode-float .mode-slider-opt{flex:0 0 50px!important;width:50px!important;min-width:50px!important}}
/* v54: phone Map panel fully open - no toast over the type chips; compact chips keep 44px taps */
body:has(.map-home.sheet-open) .toast{display:none!important}
@media (max-width:899px){html body .map-home .kind-chips button,html body .map-home [data-kind]{position:relative}
html body .map-home [data-kind]::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}}
@media (max-width:374px){html body[data-mode]:not(#_r):not(#_s) .map-home [data-kind]{padding:6px 10px!important;font-size:12.5px!important;min-height:36px!important}}
/* v55: 44px non-overlapping EN/ES taps in the header pill; banner never over the fully open panel */
@media (max-width:899px){html.ls-map body .lang-switch button{min-width:40px!important;padding-left:0!important;padding-right:0!important}
html.ls-map body .map-brand-float{transform:scale(.78)!important}}
@media (max-width:374px){html.ls-map body .map-brand-float{transform:scale(.72)!important}}
body:has(.map-home.sheet-open) #installBanner{display:none!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):has(.map-home.sheet-open) #installBanner.install-banner{display:none!important}
/* v57 colours: no bright red/pink on truck cards + Post label */
html body #shopTrucks a,html body #shopTrucks a strong,html body #shopTrucks strong{color:inherit!important}
html body[data-mode="night"] #shopTrucks a{color:var(--ink,#e5e7eb)!important}
html body #shopTrucks a.ft-add,html body #shopTrucks .ft-head a{color:inherit}
html body .ft-ex{background:#F3F4F6!important;color:#1F2937!important;border:1px solid #9CA3AF!important}
html body[data-mode="night"] .ft-ex{background:rgba(255,255,255,.10)!important;color:#e5e7eb!important;border-color:rgba(255,255,255,.22)!important}
html body .tab.post-tab>span:not(.post-fab){color:#8B1E1E!important}
html body[data-mode="night"] .tab.post-tab>span:not(.post-fab){color:#e5e7eb!important}
/* v58 */
html body .shop-mini{background:rgba(139,30,30,.08)!important;color:#8B1E1E!important;border-color:rgba(139,30,30,.35)!important}
html body[data-mode="night"] .shop-mini{background:rgba(139,30,30,.3)!important;color:#e5e7eb!important}
html body[data-mode="night"] a.desk-post,html body[data-mode="night"] a.desk-post span,html body[data-mode="night"] nav a.active,html body[data-mode="night"] nav a.active span{color:#e5e7eb!important}
/* v59 contrast */
html body #shopTrucks .ft-head a.sp-mine-link{color:#fff!important}
html body .tab.post-tab>span:not(.post-fab){color:#e5e7eb!important}
.shop-soon-icon{color:currentColor}
/* v60 contrast >=4.5 */
html body:not([data-mode="night"]) .sheet-osm,html body:not([data-mode="night"]) .sheet-osm *{color:#4b5563!important}
html body:not([data-mode="night"]) .sheet-list-link{color:#1f2937!important}
html body .btn.btn-buy-soon{background:#1F7A3A!important;color:#fff!important}
html body:not([data-mode="night"]) .how-num{color:#1F7A3A!important}
html body .btn.btn-sell{background:#8B1E1E!important;border-color:#8B1E1E!important;color:#fff!important}
html body:not([data-mode="night"]) .ft-tagline{color:#8a4600!important}
html body:not([data-mode="night"]) .ft-live{color:#1F7A3A!important}
/* v61 */
html body[data-mode]:not(#_r):not(#_s) .btn.btn-buy-soon{background:#1F7A3A!important;border-color:#1F7A3A!important}
html body[data-mode]:not(#_r):not(#_s) .btn.btn-primary.btn-sell{background:#8B1E1E!important;border-color:#8B1E1E!important;color:#fff!important}
/* v62 */
html body:not([data-mode="night"]):not(#_r):not(#_s) .mode-slider-opt.active,html body:not([data-mode="night"]):not(#_r):not(#_s) .mode-slider-opt.active *{color:#0a0a0a!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t) .kind-chips button.kind-truck.active,html body[data-mode]:not(#_r):not(#_s):not(#_t) .kind-chips button.kind-truck.active *{color:#1a1000!important}
/* v63: neutral Day/Night shadow (was #E63946) + safe-area header */
html body[data-mode="day"]:not(#_r):not(#_s) .map-mode-float .mode-chooser,html body[data-mode="day"]:not(#_r):not(#_s) .mode-chooser{box-shadow:3px 3px 0 #0A0A0A!important}
:root{--b4u-sat:max(env(safe-area-inset-top,0px),12px)}
html body[data-mode]:not(#_r):not(#_s) .map-home .map-brand-float{top:calc(var(--b4u-sat) + 24px)!important}
html body[data-mode]:not(#_r):not(#_s) .map-home .map-mode-float{top:calc(var(--b4u-sat) + 20px)!important}
html body[data-mode]:not(#_r):not(#_s) .map-home .map-search-float{top:calc(var(--b4u-sat) + 76px)!important}
html body[data-mode]:not(#_r):not(#_s) .map-attr{top:calc(var(--b4u-sat) + 128px)!important}
html body[data-mode]:not(#_r):not(#_s) .screen-head{padding-top:calc(var(--b4u-sat) + 4px)!important}
@media (max-width:899px){html:has(#app .map-home),html:has(#app .map-home) body{overflow:hidden!important;height:100%!important;overscroll-behavior:none!important}}
/* v64: neutral night Day/Night border; compact EN|ES pill = Day/Night height */
html body[data-mode="night"]:not(#_r):not(#_s) .map-mode-float .mode-chooser,html body[data-mode="night"]:not(#_r):not(#_s) .mode-chooser{border:1px solid rgba(255,255,255,.18)!important}
html.ls-map body:not(#_r):not(#_s) .lang-switch,html.ls-map body:not(#_r):not(#_s) .lang-switch.on-tabbar{height:44px!important;padding:0 3px 0 6px!important;gap:3px!important}
html.ls-map body[data-mode="night"]:not(#_r):not(#_s) .lang-switch{height:42px!important}
html.ls-map body:not(#_r):not(#_s) .lang-switch button{height:32px!important;min-width:32px!important;padding:0 5px!important}
html.ls-map body:not(#_r):not(#_s) .lang-switch .ls-globe{margin-right:0!important}
/* v65: WEB C2 fixes — no red at night, Post contrast, pill 36px, EN 44x44, sheet padding */
html body[data-mode="night"]:not(#_r):not(#_s) #bottomSheet.bottom-sheet.ms{border-top-color:rgba(255,255,255,.14)!important}
html body[data-mode="night"]:not(#_r):not(#_s) .sheet-card,html body[data-mode="night"]:not(#_r):not(#_s) .inv-result-card{border-color:rgba(255,255,255,.14)!important}
html body[data-mode="night"]:not(#_r):not(#_s) .ft-ex{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important;color:#e5e7eb!important}
html body[data-mode]:not(#_r):not(#_s) a.desk-post{background:#B71C1C!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important}
html body[data-mode]:not(#_r):not(#_s) a.desk-post *{color:#fff!important}
html body[data-mode="day"]:not(#_r):not(#_s) a.desk-logo{box-shadow:3px 3px 0 #0A0A0A!important}
html body[data-mode="night"]:not(#_r):not(#_s) a.desk-logo,html body[data-mode="night"]:not(#_r):not(#_s) .b4u-mark{color:#e5e7eb!important}
html body:not(#_r):not(#_s) .lang-switch,html body:not(#_r):not(#_s) .lang-switch.on-tabbar,html.ls-map body:not(#_r):not(#_s) .lang-switch,html.ls-map body[data-mode="night"]:not(#_r):not(#_s) .lang-switch{height:36px!important;box-sizing:border-box!important;padding:0 2px 0 6px!important;gap:12px!important}
html body:not(#_r):not(#_s) .lang-switch button{height:28px!important;min-width:32px!important;padding:0 5px!important}
html body:not(#_r):not(#_s) .lang-switch .ls-globe{margin-right:-6px!important}
html body:not(#_r):not(#_s) .lang-switch button::after{width:44px!important;height:44px!important;z-index:1}
html body[data-mode="night"]:not(#_r):not(#_s) .desk-mode .mode-chooser{height:36px!important;box-sizing:border-box!important}
@media (max-width:899px){html body:not(#_r):not(#_s) #bottomSheet.bottom-sheet.ms{overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:calc(var(--tbh,78px) + env(safe-area-inset-bottom,0px))!important}}
html body[data-mode="day"]:not(#_r):not(#_s) .desk-mode .mode-slider-opt.active{color:#fff!important}
html body[data-mode="day"]:not(#_r):not(#_s) .desk-mode .mode-slider-opt.active *{color:#fff!important}
/* v185: pill top-center on non-map phone pages; Shops/Food trucks chip padding */
@media (max-width:899px){html:not(.ls-map) body:not(#_r):not(#_s) .lang-switch{top:calc(var(--b4u-sat,12px) + 6px)!important;left:0!important;right:0!important;bottom:auto!important;width:max-content!important;margin:0 auto!important}
html:not(.ls-map) body:not(#_r):not(#_s) .screen-head{padding-top:calc(var(--b4u-sat,12px) + 50px)!important}}
html body:not(#_r):not(#_s) .kind-chips .kind-shops::before,html body:not(#_r):not(#_s) .kind-chips .kind-truck::before{display:none!important}
/* v186: clear TEST badge; pad legal pages */
@media (max-width:899px){html:not(.ls-map) body:not(#_r):not(#_s):not(#_t) .lang-switch{top:calc(var(--b4u-sat,12px) + 12px)!important}
html:not(.ls-map) body:not(#_r):not(#_s):not(#_t) .screen-head,html:not(.ls-map) body:not(#_r):not(#_s):not(#_t) .legal{padding-top:calc(var(--b4u-sat,12px) + 64px)!important}}
/* v204: dock install banner under the pill on legal/info pages and reserve space */
@media (max-width:899px){html:not(.ls-map) body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):has(#app .legal) #installBanner.install-banner{position:absolute!important;top:calc(var(--b4u-sat,12px) + 64px)!important;bottom:auto!important}
html:not(.ls-map) body:not(#_r):not(#_s):not(#_t):not(#_u):has(#installBanner.install-banner:not([hidden])) #app .legal{padding-top:calc(var(--b4u-sat,12px) + 124px)!important}}
/* v206: solid strip behind top-center pill on non-map phone pages */
@media (max-width:899px){html:not(.ls-map) body:not(#_r):not(#_s)::after{content:"";position:fixed;left:0;right:0;top:0;height:calc(var(--b4u-sat,12px) + 60px);background:#F5F0E8;border-bottom:1px solid rgba(0,0,0,.10);z-index:2999;pointer-events:none}
html:not(.ls-map) body[data-mode="night"]:not(#_r):not(#_s)::after{background:#0B0F14;border-bottom-color:rgba(255,255,255,.10)}}
@media (max-width:899px){html:not(.ls-map) body:not(#_r):not(#_s):not(#_t) .screen-head>a:first-child{margin-top:0!important}}
/* v208: stack pill below the TEST badge when there is a safe-area inset */
@media (max-width:899px){html:not(.ls-map) body:not(#_r):not(#_s):not(#_t):not(#_u) .lang-switch{top:calc(env(safe-area-inset-top,0px) + 24px)!important}
html:not(.ls-map) body:not(#_r):not(#_s):not(#_t):not(#_u)::after{height:calc(env(safe-area-inset-top,0px) + 72px)!important}
html:not(.ls-map) body:not(#_r):not(#_s):not(#_t):not(#_u) .screen-head{padding-top:calc(env(safe-area-inset-top,0px) + 76px)!important}
html:not(.ls-map) body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):has(#app .legal) #installBanner.install-banner{top:calc(env(safe-area-inset-top,0px) + 76px)!important}
html:not(.ls-map) body:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):has(#installBanner.install-banner:not([hidden])) #app .legal{padding-top:calc(env(safe-area-inset-top,0px) + 136px)!important}
html:not(.ls-map) body:not(#_r):not(#_s):not(#_t):not(#_u) #app .legal{padding-top:calc(env(safe-area-inset-top,0px) + 76px)!important}}
/* v230 langbtn9: night legal links silver (no pink), neutral food-truck demo tag */
html body[data-mode="night"]:not(#_r):not(#_s) .legal a:not(.btn),html body[data-mode="night"]:not(#_r):not(#_s) .legal a:not(.btn):visited{color:#D1D5DB!important;text-decoration:underline!important}
html body:not(#_r):not(#_s) #shopTrucks .shop-mini{background:#F3F4F6!important;color:#1F2937!important;border-color:#9CA3AF!important}
html body[data-mode="night"]:not(#_r):not(#_s) #shopTrucks .shop-mini{background:#1F2329!important;color:#E5E7EB!important;border-color:#6B7280!important}
/* v232: ES desktop install banner wider so "Obtén la app de B4UDrive" fits */
@media (min-width:900px){html[lang="es"] body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w) #installBanner.install-banner{width:372px!important}}
/* v235: EN|ES + Day/Night pills = logo pill height, shared treatment, own colors */
html body:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .lang-switch,html body:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .lang-switch.on-tabbar{height:34px!important;box-sizing:border-box!important;border-width:2px!important;border-style:solid!important;border-radius:999px!important;padding:0 2px 0 6px!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .lang-switch{height:33px!important}
html body:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .lang-switch button{height:26px!important;border-radius:999px!important;box-shadow:none!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .lang-switch button{height:25px!important}
html body:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .lang-switch button::after{width:44px!important;height:44px!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .map-mode-float .mode-chooser,html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .desk-mode .mode-chooser{height:34px!important;box-sizing:border-box!important;padding:2px!important;border-width:2px!important;border-style:solid!important;border-radius:999px!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .map-mode-float .mode-chooser,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .desk-mode .mode-chooser{border-color:#6B7280!important;box-shadow:0 2px 6px rgba(0,0,0,.18)!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .map-mode-float .mode-chooser,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) .desk-mode .mode-chooser{height:33px!important;border-color:#C0C7D1!important;box-shadow:0 2px 6px rgba(0,0,0,.35)!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-track{min-height:0!important;height:100%!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-opt{min-height:0!important;height:100%!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider{height:100%!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-knob{top:0!important;bottom:0!important;left:0!important;width:50%!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-knob{background:#6B7280!important;box-shadow:none!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-knob{background:#C0C7D1!important;box-shadow:none!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-opt.active,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-opt.active *{color:#fff!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-opt.active,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x) :is(.map-mode-float,.desk-mode) .mode-chooser .mode-slider-opt.active *{color:#0B0B0B!important}
@media (min-width:900px){html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y) .lang-switch,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y) .desk-mode .mode-chooser{height:39px!important}html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y) .lang-switch button{height:31px!important}html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y) .lang-switch,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y) .desk-mode .mode-chooser{height:37px!important}html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y) .lang-switch button{height:29px!important}}
/* v237: Profile Appearance - no caption outline box */
html body[data-mode]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y) .profile-appearance .mode-chooser--profile{border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;background:transparent!important}
/* v239: night EN|ES pill - thin 1px green line + soft glow */
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar{border-width:1px!important;border-color:#39FF14!important;box-shadow:0 0 6px rgba(57,255,20,.35),0 2px 6px rgba(0,0,0,.35)!important}
/* v239: day Day/Night pill - thin black outline (same 2px as EN|ES) */
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .map-mode-float .mode-chooser,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .desk-mode .mode-chooser{border:2px solid #111111!important}
/* v240/v241: thin 1px pill borders, NIGHT only (day keeps v239 2px) */
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .map-mode-float .mode-chooser,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .desk-mode .mode-chooser{border-width:1px!important}
/* v243: Find results bar readable - styled like the inputs in each mode */
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .geo-results button{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .geo-results button{background:rgba(255,255,255,.92)!important;color:#0A0A0A!important;border:1px solid rgba(60,64,67,.12)!important}
/* v246: EN|ES pill - blue-to-green 60deg gradient outline (inside fill unchanged); selected EN blue / ES green on a subtle tint chip */
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar{border:1px solid transparent!important;background:linear-gradient(#0B0B0B,#0B0B0B) padding-box,linear-gradient(60deg,#3DA5FF 0%,#3DA5FF 25%,#39FF14 75%,#39FF14 100%) border-box!important;box-shadow:-3px 0 7px rgba(61,165,255,.32),3px 0 7px rgba(57,255,20,.32),0 2px 6px rgba(0,0,0,.35)!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar{border:2px solid transparent!important;background:linear-gradient(#FFFFFF,#FFFFFF) padding-box,linear-gradient(60deg,#1E88FF 0%,#1E88FF 25%,#1F7A3A 75%,#1F7A3A 100%) border-box!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="en"].on,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="en"].on{background:rgba(61,165,255,.18)!important;color:#3DA5FF!important;font-weight:800!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="es"].on,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="es"].on{background:rgba(57,255,20,.16)!important;color:#39FF14!important;font-weight:800!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="en"].on,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="en"].on{background:rgba(30,136,255,.12)!important;color:#1565D8!important;font-weight:800!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="es"].on,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="es"].on{background:rgba(31,122,58,.12)!important;color:#1F7A3A!important;font-weight:800!important}
/* v247: selected EN|ES chip back to SOLID fill (v245 shape) with white text - EN blue, ES green */
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="en"].on,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="en"].on{background:#1E6FE0!important;color:#FFFFFF!important}
html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="es"].on,html body[data-mode="night"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="es"].on{background:#1E883B!important;color:#FFFFFF!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="en"].on,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="en"].on{background:#1565D8!important;color:#FFFFFF!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch button[data-lang="es"].on,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t):not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z) .lang-switch.on-tabbar button[data-lang="es"].on{background:#1F7A3A!important;color:#FFFFFF!important}