.skel-grid,.we-forecast-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.forecast-card,.we-temp-display{text-align:center}.layer-btn,.we-search-input{font-family:Nunito,sans-serif}.fade-in{opacity:0;transition:opacity .5s ease-in-out;display:block}.fade-in.visible{opacity:1}.we-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:20px 25px;border-bottom:1px solid var(--border-color)}.we-header-title{margin:0 0 5px;color:var(--text-dark);font-size:1.15rem;font-weight:800}.we-header-desc{margin:0;color:var(--sidebar-text);font-size:.85rem}.we-search-box{display:flex;gap:10px}.we-search-input{padding:10px 15px;border-radius:8px;border:1px solid var(--border-color);outline:0;width:250px;background:var(--main-bg);color:var(--text-dark);transition:border-color .3s}.we-btn-retry,.we-btn-search{transition:.3s;font-weight:800;cursor:pointer}.we-search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.2)}.we-btn-search{padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;display:flex;align-items:center;gap:8px}.we-btn-search:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(52,152,219,.4)}.we-body{padding:25px;flex:1;overflow-y:auto;position:relative;background:var(--main-bg)}.we-skeleton-wrapper{flex-direction:column}.skel-main{height:220px;border-radius:16px}.skel-grid{display:grid;gap:15px;margin-top:10px}.skel-card{height:160px;border-radius:16px}.we-error-icon{font-size:4rem;margin-bottom:15px;color:#95a5a6}.we-btn-retry{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px rgba(52,152,219,.3);padding:12px 25px;border-radius:8px;border:none;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.we-btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,152,219,.4)}.we-data-container{display:flex;flex-direction:column;gap:25px}.we-current-card{background:var(--panel-bg);padding:30px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 5px 15px rgba(0,0,0,.02)}.we-location-header{text-align:center;margin-bottom:25px}.we-city-title{font-size:2.2rem;color:var(--text-dark);font-weight:800;margin:0}.we-date-subtitle{color:var(--sidebar-text);font-weight:600;margin-top:5px;margin-bottom:0}.we-core-info{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}.we-weather-icon{width:120px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.1))}.we-temp-value{font-size:3.5rem;font-weight:800;color:var(--text-dark);margin:-10px 0 5px}.we-metric-label,.we-weather-desc{color:var(--sidebar-text);font-weight:600}.we-weather-desc{font-size:1.1rem;text-transform:capitalize;margin:0}.we-extra-metrics{display:flex;flex-direction:column;gap:15px;min-width:200px}.we-metric-box{background:var(--main-bg);padding:15px 25px;border-radius:12px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.we-metric-label{font-size:.9rem}.we-forecast-title,.we-metric-val{font-size:1.2rem;font-weight:800;color:var(--text-dark)}.we-forecast-section{margin-top:10px}.we-forecast-title{margin-bottom:15px;margin-top:0}.we-forecast-grid{display:grid;gap:15px}.forecast-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px 15px;box-shadow:0 4px 10px rgba(0,0,0,.02);transition:transform .3s,box-shadow .3s}.forecast-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.05)}.forecast-date{font-weight:800;font-size:.95rem;color:var(--text-dark);margin-bottom:5px}.forecast-icon{width:60px;margin:5px 0}.forecast-temp{font-size:1.4rem;font-weight:800;color:var(--text-dark);margin:5px 0}.forecast-desc{font-size:.8rem;color:var(--sidebar-text);text-transform:capitalize;font-weight:600}.we-map-section{margin-top:25px}.we-map{height:400px;width:100%;border-radius:16px;border:1px solid var(--border-color);z-index:1}.weather-legend-panel{background:var(--main-bg);padding:15px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 20px rgba(0,0,0,.15);min-width:140px}.layer-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;margin-bottom:8px;border-radius:8px;border:1px solid var(--border-color);background:var(--panel-bg);color:var(--text-dark);cursor:pointer;font-weight:600;transition:.3s}.layer-btn:hover{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);transform:translateY(-2px);box-shadow:0 4px 10px rgba(230,126,34,.3)}@media (max-width:768px){.we-search-box{width:100%}.we-search-input{flex:1}.we-core-info{gap:30px}.we-map{height:300px}}