body { background-attachment: fixed; transition: background 0.8s ease; }
.panel { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.sky-clear-day { background: linear-gradient(160deg, #1d6fd1 0%, #4aa3e8 55%, #8fd0f5 100%); }
.sky-clear-night { background: linear-gradient(160deg, #0a1030 0%, #1a2456 60%, #33427f 100%); }
.sky-cloud { background: linear-gradient(160deg, #46617f 0%, #6f8aa6 60%, #9db3c7 100%); }
.sky-fog { background: linear-gradient(160deg, #6b7683 0%, #8c97a3 60%, #b4bcc5 100%); }
.sky-rain { background: linear-gradient(160deg, #1f3247 0%, #36506b 60%, #587590 100%); }
.sky-snow { background: linear-gradient(160deg, #5a7796 0%, #8ea7c2 60%, #c3d3e3 100%); }
.sky-storm { background: linear-gradient(160deg, #15182b 0%, #2c3050 60%, #4a4f73 100%); }
.scroll::-webkit-scrollbar { height: 6px; }
.scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 9px; }
#results li button { width: 100%; text-align: left; padding: 0.75rem 1.25rem; color: #0f2137; }
#results li button:hover, #results li button:focus-visible { background: rgba(255,255,255,0.35); outline: none; }
#results { background: rgba(255,255,255,0.92); color: #0f2137; }
@media (prefers-reduced-motion: reduce) { body { transition: none; } }