/* 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 */
@media (max-width:899px){html body #app{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}}