/* Companion app shell: desktop website behavior retained */
:root{--wr-app-safe:env(safe-area-inset-bottom,0px)}
body{padding-bottom:calc(82px + var(--wr-app-safe))!important;scroll-padding-top:110px}
html{scroll-behavior:smooth;scroll-padding-top:115px}
.wr-app-bottom{position:fixed;bottom:0;left:0;right:0;z-index:1100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(9,24,48,.96);border-top:1px solid rgba(173,210,247,.24);padding:8px max(10px,env(safe-area-inset-right)) calc(7px + var(--wr-app-safe)) max(10px,env(safe-area-inset-left));box-shadow:0 -12px 35px rgba(3,10,23,.35);backdrop-filter:blur(18px);gap:3px}
.wr-app-bottom a,.wr-app-bottom button{font:600 12px/1.3 system-ui,sans-serif!important;color:#e7f4ff!important;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-height:54px;padding:5px 1px!important;border:0!important;background:transparent!important;border-radius:13px!important;text-decoration:none!important;cursor:pointer}
.wr-app-bottom .wr-nav-symbol{font-size:23px;line-height:1.1;color:#9bdcff}.wr-app-bottom a:focus-visible,.wr-app-bottom button:focus-visible,.wr-app-bottom .active{outline:2px solid #9bdcff;outline-offset:-2px;background:rgba(119,191,246,.19)!important}
.wr-app-more-panel{position:fixed;bottom:calc(82px + var(--wr-app-safe));right:12px;z-index:1101;width:min(330px,calc(100vw - 24px));padding:13px;background:#142943;border:1px solid #53718f;border-radius:19px;box-shadow:0 14px 40px #030b19b3;display:grid;grid-template-columns:1fr 1fr;gap:8px}.wr-app-more-panel[hidden]{display:none!important}.wr-app-more-panel a,.wr-app-more-panel button{padding:12px 8px!important;text-align:left;background:#253d5b!important;border:1px solid #45607c!important;border-radius:10px!important;color:#f0f8ff!important;text-decoration:none;font:600 13px system-ui!important}
#voiceBtn{min-width:44px!important;min-height:44px!important;font-size:21px!important;flex-shrink:0}
#langSelect{min-height:40px!important}
#hourlyForecastCard,#dailyForecastCard,#weatherRadar,#globe,#alerts,#favorites,#worldTime{scroll-margin-top:115px}
@media(max-width:780px){body{overflow-x:hidden!important}.top{gap:8px!important}.wr-brand-name{font-size:clamp(15px,4vw,23px)!important}.wr-brand-globe{width:30px;height:30px}.hero{gap:16px!important}.hero-copy,.hero-globe-column{min-width:0!important}.searchbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:5px}.searchbar input{flex:1 1 120px;min-width:0!important}.searchbar #searchBtn{min-height:44px!important}.wr-radar-frame{min-height:260px!important}.wr-radar-frame iframe{min-height:260px!important}.globe-howto-steps{font-size:12px!important}.wr-app-bottom{padding-top:5px}.wr-app-bottom a,.wr-app-bottom button{font-size:11px!important}.world-clock-grid{overflow-x:auto}.forecast-card{min-width:0}.hourly{overflow-x:auto!important}.daily{overflow-x:auto!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}