.angie-weather-widget{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#fff;padding:35px;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:all 0.5s ease;max-width:450px;margin:0 auto}.angie-weather-widget.weather-sunny{background:linear-gradient(135deg,#FFD200 0%,#F7971E 100%)}.angie-weather-widget.weather-cloudy{background:linear-gradient(135deg,#bdc3c7 0%,#2c3e50 100%)}.angie-weather-widget.weather-rainy{background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%)}.angie-weather-widget.weather-storm{background:linear-gradient(135deg,#485563 0%,#29323c 100%)}.angie-weather-widget.weather-snow{background:linear-gradient(135deg,#E6DADA 0%,#274046 100%)}.angie-weather-widget.weather-default{background:linear-gradient(135deg,#6DD5FA 0%,#2980B9 100%)}.angie-weather-widget::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.weather-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.weather-header .city-name{display:block;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.weather-header .current-date{display:block;font-size:.9rem;opacity:.9}.weather-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.temp-container{display:flex;align-items:flex-start}.temp-container .temperature{font-size:4.5rem;font-weight:700;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.15)}.temp-container .unit{font-size:1.5rem;font-weight:500;margin-top:10px;opacity:.8}.condition-container{text-align:center;display:flex;flex-direction:column;align-items:center}.weather-icon-lg{width:80px;height:80px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}.condition-text{font-size:1rem;font-weight:500;margin-top:-5px}.weather-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.detail-item{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.2);transition:transform 0.2s}.detail-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.25)}.detail-item .label{font-size:.85rem;opacity:.8}.detail-item .value{font-weight:600;font-size:1rem}.weather-forecast h3{font-size:1rem;margin:0 0 15px 0;opacity:.9;color:inherit;font-weight:600}.forecast-list{display:flex;justify-content:space-between}.forecast-item{background:rgba(255,255,255,.1);border-radius:12px;padding:10px 5px;text-align:center;flex:1;margin:0 4px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(5px)}.forecast-item:first-child{margin-left:0}.forecast-item:last-child{margin-right:0}.f-day{display:block;font-size:.8rem;margin-bottom:5px;opacity:.9}.f-icon{width:40px;height:40px;display:block;margin:0 auto}.f-temp{display:block;font-weight:600;font-size:.9rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}.angie-weather-error{background:#e74c3c;color:#fff;padding:15px;border-radius:8px;text-align:center;font-weight:600}@media (max-width:480px){.angie-weather-widget{padding:25px}.temp-container .temperature{font-size:3.5rem}.weather-main{flex-direction:row}.forecast-list{overflow-x:auto;padding-bottom:5px}.forecast-item{min-width:60px}}