.city-pick-screen{height:100%;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 10px;background:radial-gradient(circle at 70% 0,rgba(27,101,180,.24),transparent 32%),linear-gradient(180deg,#061b32,#020c18)}
.city-pick-screen .page-top{margin-bottom:2px;flex:0 0 auto}
.city-pick-hero{flex:0 0 auto;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#145b9f,#0a315e);border:1px solid rgba(133,207,255,.21)}
.city-pick-hero.purple{background:linear-gradient(135deg,#5b3d9a,#2d1f5c);border-color:rgba(196,168,255,.28)}
.city-pick-hero.water{background:linear-gradient(135deg,#1278a8,#0a3d5e);border-color:rgba(88,190,255,.28)}
.city-pick-hero .page-kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:#9fd0ff}
.city-pick-hero h2{margin:4px 0 0;font-size:20px;line-height:1.15}
.city-pick-hero p{margin:4px 0 0;font-size:12px;color:#b7cfe3}
.city-pick-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}
.city-pick-btn{flex:1 1 0;min-height:44px;max-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#eef7ff;font:inherit;font-size:16px;font-weight:900;cursor:pointer;backdrop-filter:blur(10px)}
.city-pick-btn span{font-size:18px;opacity:.55}
.city-pick-ad{flex:0 0 auto;margin-top:2px}
.city-pick-ad .svitlo-home-ad{width:100%}
@media(max-height:640px){
  .city-pick-hero{padding:8px 12px}
  .city-pick-hero h2{font-size:17px}
  .city-pick-hero p{display:none}
  .city-pick-btn{min-height:38px;font-size:15px;border-radius:14px}
  .city-pick-list{gap:6px}
}
@media(max-width:360px){
  .city-pick-screen{padding-left:10px;padding-right:10px}
  .city-pick-btn{font-size:15px;padding:0 12px}
}

.news-city-bar,.water-city-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
.news-city-switch,.water-city-switch{min-height:34px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#d7ebff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.news-card{cursor:pointer}
.news-card:active{transform:scale(.995)}
.news-detail-block{margin-top:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.news-detail-block h4{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8eb4d4}
.news-street-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.news-street-list li{font-size:14px;line-height:1.35;color:#e7f3ff;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04)}
.news-detail-meta{display:grid;gap:8px;margin-top:10px}
.news-detail-meta div{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.news-detail-meta span{color:#8eabc6;font-weight:800}
.news-detail-meta b{color:#eef7ff;font-weight:800;text-align:right}