html,body{max-width:100vw;overflow-x:hidden}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-dark{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text-sm{height:12px;margin-bottom:6px}.skeleton-text-lg{height:24px;margin-bottom:10px}.skeleton-circle{border-radius:50%}.skeleton-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 2px 10px #0000000d}.skeleton-weather-icon{width:60px;height:60px}.skeleton-temp{width:80px;height:50px}.skeleton-row{align-items:center;gap:10px;display:flex}.skeleton-col{flex-direction:column;gap:8px;display:flex}.skeleton-pulse{animation:2s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-overlay{z-index:100;border-radius:inherit;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:100%}}