.weekly-weather-container{max-width:1400px;margin:0 auto;padding:15px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;box-shadow:0 4px 16px rgb(0 0 0 / .15);color:#333}.weather-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.location-search{flex:1;min-width:200px;position:relative}.weather-search-input{width:100%;padding:10px 14px;font-size:14px;border:2px solid rgb(255 255 255 / .3);border-radius:6px;background:rgb(255 255 255 / .95);color:#333;transition:all 0.2s ease}.weather-search-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px rgb(255 255 255 / .2);background:#fff}.weather-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px 10px;background:#fff0;border:none;cursor:pointer;font-size:16px}.autocomplete-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 8px rgb(0 0 0 / .1);display:none}.autocomplete-results.show{display:block}.autocomplete-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid #eee;transition:background 0.2s ease}.autocomplete-item:hover{background:#f5f5f5}.no-results{padding:10px 14px;color:#999;text-align:center}.unit-toggle{display:flex;gap:8px}.unit-btn{padding:10px 16px;background:rgb(255 255 255 / .3);color:#fff;border:2px solid #fff0;border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.2s ease}.unit-btn.active{background:#fff;color:#667eea}.unit-btn:hover{background:rgb(255 255 255 / .5)}.weather-loader,.weather-error{text-align:center;padding:20px;border-radius:6px;display:none}.weather-loader{background:rgb(255 255 255 / .1);color:#fff}.spinner{border:3px solid rgb(255 255 255 / .3);border-top:3px solid #fff;border-radius:50%;width:30px;height:30px;animation:spin 0.8s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.weather-error{background:#ffebee;color:#c62828;border:1px solid #ef5350}.weather-location-display{text-align:center;margin-bottom:15px;padding:10px;background:rgb(255 255 255 / .1);border-radius:6px;color:#fff}.current-location{margin:0;font-size:20px;font-weight:600}.weather-forecast-container{animation:fadeIn 0.3s ease}.weather-cards-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:15px;overflow-x:auto;padding-bottom:8px}.weather-card{background:rgb(255 255 255 / .95);border-radius:8px;padding:12px;text-align:center;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:all 0.2s ease;display:flex;flex-direction:column;gap:8px}.weather-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.day-name{font-weight:700;font-size:13px;color:#333}.day-date{font-size:12px;color:#999}.card-icon{font-size:28px;height:32px;display:flex;align-items:center;justify-content:center}.card-description{font-size:12px;color:#666;min-height:24px;line-height:1.3}.card-temperature{font-size:14px;font-weight:600;color:#333}.weather-details{font-size:11px;color:#888;border-top:1px solid #eee;padding-top:6px}.weather-details div{padding:2px 0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.weekly-weather-container{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#ecf0f1}.weather-search-input{background:rgb(255 255 255 / .1);color:#ecf0f1;border-color:rgb(255 255 255 / .2)}.weather-search-input:focus{background:rgb(255 255 255 / .15)}.weather-location-display{background:rgb(255 255 255 / .05);color:#bdc3c7}.weather-card{background:rgb(52 73 94 / .8);color:#ecf0f1}.day-name,.card-temperature{color:#ecf0f1}.day-date,.card-description,.weather-details{color:#bdc3c7}.autocomplete-results{background:#2c3e50;color:#ecf0f1;border-color:#34495e}.autocomplete-item:hover{background:#34495e}.autocomplete-item{border-color:#34495e}}@media (max-width:1024px){.weather-cards-grid{gap:8px}.weather-card{padding:10px}.card-icon{font-size:24px}}@media (max-width:768px){.weekly-weather-container{padding:12px}.weather-header{gap:10px;margin-bottom:15px}.location-search{min-width:160px}.weather-cards-grid{gap:6px;padding-bottom:6px}.weather-card{padding:8px;gap:6px}.day-name{font-size:11px}.card-icon{font-size:20px;height:24px}.card-temperature{font-size:12px}.weather-details{font-size:10px}.unit-btn{padding:8px 12px;font-size:12px}}@media (max-width:480px){.weather-header{flex-direction:column;align-items:stretch}.location-search{min-width:unset}.unit-toggle{justify-content:center}.weather-cards-grid{grid-template-columns:repeat(7,minmax(50px,1fr));gap:4px}.weather-card{padding:6px;gap:4px}.day-name,.day-date{font-size:10px}.card-icon{font-size:16px;height:20px}.card-description{font-size:10px;min-height:18px}.card-temperature{font-size:11px}.weather-details{font-size:9px;padding-top:4px}}