.weather-glass-container{--primary-teal: #2aa198;--primary-orange: #cd6821;--text-brown: #604223;background:#ffffffbf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #00321414;max-width:600px;margin:2rem auto;font-family:Bitter,serif}.weather-header{text-align:center;border-bottom:1px solid rgba(139,90,43,.2);padding-bottom:1rem;margin-bottom:1.5rem}.weather-header h4{font-family:Abril Fatface,cursive;color:var(--primary-teal);font-size:1.5rem;margin:0}.weather-grid{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:2rem}.weather-main{display:flex;align-items:center;gap:1.5rem}.weather-main-icon{width:60px;height:60px;color:var(--primary-orange);stroke-width:1.5}.weather-temp{display:flex;flex-direction:column}.weather-temp .temp{font-size:2.5rem;font-weight:700;color:var(--text-brown);line-height:1}.weather-temp .condition{font-size:1.1rem;color:var(--primary-teal);font-weight:500}.weather-stats{display:flex;flex-direction:column;gap:1rem}.weather-stat{display:flex;align-items:center;gap:1rem;background:#ffffff80;padding:.5rem 1rem;border-radius:12px}.weather-stat-icon{width:24px;height:24px;color:var(--primary-teal)}.stat-info{display:flex;flex-direction:column}.stat-lbl{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.stat-val{font-size:1rem;font-weight:600;color:var(--text-brown)}.weather-spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-orange);animation:spin 1s ease-in-out infinite}