*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f4f8;color:#333;line-height:1.6;overflow-x:hidden;min-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #2a5298;border-radius:50%;animation:spin 1s linear infinite}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;background-color:#f0f0f0;border-radius:4px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-100%);animation:skeleton-loading 1.5s ease-in-out infinite;will-change:transform}.skeleton-weather{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.skeleton-city{height:32px;width:120px;margin-bottom:16px}.skeleton-temp{height:48px;width:100px;margin-bottom:12px}.skeleton-condition{height:24px;width:150px;margin-bottom:16px}.skeleton-details{display:flex;gap:20px;flex-wrap:wrap}.skeleton-detail{height:20px;width:100px}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.weather-content{transition:opacity .3s ease-in-out}