.weather-menu{position:relative}
.weather-menu-trigger{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;font:inherit;font-weight:760;padding:9px 10px;border-radius:11px;cursor:pointer;white-space:nowrap}
.weather-menu-trigger:hover,.weather-menu-trigger[aria-expanded=true]{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}
.weather-menu-trigger-icon{color:#65d8e8;font-size:1rem}.weather-menu-chevron{font-size:.95rem;transition:transform .2s ease}.weather-menu-trigger[aria-expanded=true] .weather-menu-chevron{transform:rotate(180deg)}
.weather-menu-panel{position:absolute;right:0;top:calc(100% + 13px);width:min(390px,calc(100vw - 32px));padding:13px;background:rgba(252,254,255,.985);color:#132f48;border:1px solid rgba(187,211,230,.75);border-radius:20px;box-shadow:0 28px 80px rgba(2,17,33,.35);backdrop-filter:blur(20px);transform-origin:top right}
.weather-menu-panel:not([hidden]){animation:weather-menu-in .18s ease-out}
@keyframes weather-menu-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.weather-menu-intro{display:flex;align-items:center;gap:11px;padding:7px 8px 12px;border-bottom:1px solid #e6eff6}.weather-menu-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#47d0e8,#2d7fe8);color:#fff;font-size:1.25rem;box-shadow:0 9px 22px rgba(47,128,237,.22)}.weather-menu-intro strong,.weather-menu-intro small{display:block}.weather-menu-intro strong{font-size:.91rem}.weather-menu-intro small{font-size:.73rem;color:#70869a;margin-top:2px;font-weight:520}
.weather-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px}.weather-menu-links>a{display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:13px;color:#173a56;transition:background .18s,transform .18s}.weather-menu-links>a:hover{background:#edf6ff;transform:translateY(-1px)}.weather-menu-links>a>span:first-child{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#e7f4ff;color:#2173d8;font-size:.92rem}.weather-menu-links strong,.weather-menu-links small{display:block}.weather-menu-links strong{font-size:.78rem}.weather-menu-links small{font-size:.67rem;line-height:1.35;color:#74899c;margin-top:2px;font-weight:520}
@media(max-width:900px){.weather-menu{position:static}.weather-menu-trigger{width:100%;justify-content:flex-start;color:var(--ink);padding:11px 13px}.weather-menu-trigger:hover,.weather-menu-trigger[aria-expanded=true]{background:#edf6ff;border-color:transparent;color:#0b5fbe}.weather-menu-chevron{margin-left:auto}.weather-menu-panel{position:static;width:auto;margin:2px 4px 5px;padding:10px;background:#f7fbff;border-color:#dceaf5;box-shadow:none}.weather-menu-links{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.weather-menu-links{grid-template-columns:1fr}.weather-menu-panel{border-radius:15px}.weather-menu-intro{display:none}}
@media(prefers-reduced-motion:reduce){.weather-menu-panel:not([hidden]){animation:none}.weather-menu-links>a,.weather-menu-chevron{transition:none}}