/* One shape and height for commands; forecast cards keep their content layout. */
:root{--command-size:40px;--command-radius:999px}
:is(.top-actions .ghost,.top-actions .map-reopen,.search-toggle,.place-actions>button,.map-back,.map-day-switch button,.map-step-switch button,.map-time-navigation button,.map-zoom-controls button,.forecast-trend-toggle,.forecast-hour-steps button,.forecast-day-close,.place-share-close,.vigilance-panel-head>button){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;height:var(--command-size);min-height:var(--command-size);border-radius:var(--command-radius);line-height:1;padding-block:0}
:is(.search-toggle,.place-actions .round,.place-actions .weather-refresh,.place-share-trigger,.map-zoom-controls button,.forecast-day-close,.place-share-close,.vigilance-panel-head>button){width:var(--command-size);min-width:var(--command-size);padding:0}
:is(.top-actions .ghost,.top-actions .map-reopen,.place-actions .round,.place-actions .weather-refresh,.place-share-trigger,.search-toggle){border:1px solid #e0f2ff52;background:#0d2a6338;color:#f4f9ff}
.place-actions,.top-actions{align-items:center;gap:7px}.place-actions{padding-top:0}
.weather-refresh svg,.place-share-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.weather-refresh[aria-busy="true"] svg{animation:command-refresh 1.1s linear infinite}
.appearance-switch{height:var(--command-size);padding:0;border:0;background:transparent;backdrop-filter:none;gap:3px}
.appearance-switch button{height:var(--command-size);min-height:var(--command-size);padding:0 10px;border:1px solid #e0f2ff52;border-radius:var(--command-radius);background:#0d2a6338;line-height:1}
.appearance-switch button[aria-pressed="true"]{background:#e3f4ff30}
.map-step-switch,.forecast-hour-steps{padding:0;border:0;gap:3px;border-radius:var(--command-radius);background:transparent}
.map-step-switch button,.forecast-hour-steps button{border:1px solid var(--line);min-width:var(--command-size);padding-inline:10px}
.map-day-switch button{padding-inline:13px}.map-days{border-radius:var(--command-radius);gap:4px}
.map-time-navigation button{width:var(--command-size);min-width:var(--command-size);padding:0}
#mapPlay{width:auto;min-width:calc(160px - 2*var(--command-size) - 8px);padding-inline:6px}
.map-zoom-controls{gap:5px}.map-zoom-controls button{box-shadow:none}
.search button{height:var(--command-size);min-height:var(--command-size);border-radius:var(--command-radius)}
:is(.top-actions .map-reopen,.place-actions>button,.map-back,.forecast-day-close)[hidden]{display:none!important}
@keyframes command-refresh{to{transform:rotate(360deg)}}
@media(pointer:coarse){:root{--command-size:44px}.appearance-switch button{padding-inline:8px}}
@media(max-width:600px){.top-actions{max-width:260px;gap:5px}.topbar .map-reopen,.top-actions .ghost{padding-inline:9px}.place-actions{gap:6px}.appearance-switch button{font-size:10px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.weather-refresh[aria-busy="true"] svg{animation:none}}