.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:30px;width:100%;max-width:800px;box-shadow:0 8px 32px var(--shadow);transition:transform .3s,box-shadow .3s}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(31,38,135,.3)}.weather-card{color:var(--text-light)}.weather-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.location-name{font-size:1.75rem;font-weight:700;margin:0 0 5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.location-time{font-size:.9rem;opacity:.9;margin:0}.weather-icon-large{width:100px;height:100px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.weather-main{text-align:center;margin:30px 0}.temperature-display{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin-bottom:10px}.temperature-value{font-size:5rem;font-weight:700;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.temperature-unit{font-size:2rem;font-weight:500;opacity:.8}.weather-description{font-size:1.5rem;text-transform:capitalize;margin:10px 0;opacity:.95}.feels-like{font-size:1.1rem;opacity:.85;margin-top:5px}.weather-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px;margin:25px 0}.stat-item{background:hsla(0,0%,100%,.1);padding:15px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:5px;transition:background .3s}.stat-item:hover{background:hsla(0,0%,100%,.15)}.stat-label{font-size:.875rem;opacity:.9}.stat-value{font-size:1.25rem;font-weight:600}.activity-suitability,.clothing-recommendations{margin-top:25px;padding-top:25px;border-top:1px solid hsla(0,0%,100%,.2)}.activity-suitability h3,.clothing-recommendations h3{font-size:1.25rem;margin:0 0 15px;opacity:.95}.recommendations-list{display:flex;flex-wrap:wrap;gap:10px}.recommendation-tag{background:hsla(0,0%,100%,.2);padding:8px 16px;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.activities-grid{display:grid;grid-gap:15px;gap:15px}.activity-item{display:flex;align-items:center;gap:15px}.activity-name{min-width:80px;font-weight:500}.activity-bar{flex:1 1;height:10px;background:hsla(0,0%,100%,.2);border-radius:5px;overflow:hidden}.activity-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:5px;transition:width .5s ease}.activity-score{min-width:45px;text-align:right;font-weight:600}@media (max-width:768px){.weather-card{padding:20px}.temperature-value{font-size:4rem}.weather-stats{grid-template-columns:repeat(2,1fr)}.activity-item{flex-direction:column;align-items:flex-start;gap:8px}.activity-name{min-width:auto}.activity-bar{width:100%}}.hourly-forecast{width:100%;max-width:800px;color:var(--text-light)}.forecast-title{font-size:1.5rem;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hourly-scroll{display:flex;gap:15px;overflow-x:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.hour-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px;padding:15px 10px;background:hsla(0,0%,100%,.1);border-radius:15px;transition:all .3s;flex-shrink:0}.hour-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-3px)}.hour-item.current-hour{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);font-weight:600}.hour-time{font-size:.875rem;opacity:.9;font-weight:500}.hour-icon{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hour-temp{font-size:1.25rem;font-weight:600}.hour-precip{font-size:.75rem;opacity:.8;text-align:center}@media (max-width:768px){.hour-item{min-width:80px;padding:12px 8px}.hour-icon{width:40px;height:40px}.hour-temp{font-size:1.1rem}}.daily-forecast{width:100%;max-width:800px;color:var(--text-light)}.forecast-list{display:flex;flex-direction:column;gap:20px}.forecast-day{background:hsla(0,0%,100%,.1);border-radius:15px;padding:20px;transition:all .3s}.forecast-day:hover{background:hsla(0,0%,100%,.15);transform:translateX(5px)}.day-header{justify-content:space-between;margin-bottom:15px;flex-wrap:wrap}.day-date,.day-header{display:flex;align-items:center;gap:10px}.date-text{font-size:1.125rem;font-weight:600}.today-badge{background:hsla(0,0%,100%,.3);padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.day-moon{display:flex;align-items:center;gap:8px;font-size:.9rem}.moon-phase{font-size:1.25rem}.moon-text{opacity:.9}.day-main{justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:15px}.day-condition,.day-main{display:flex;align-items:center}.day-condition{gap:10px}.day-icon{width:60px;height:60px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.day-desc{font-size:1rem;text-transform:capitalize;opacity:.95}.day-temps{display:flex;align-items:center;gap:10px}.day-max{font-size:1.5rem;font-weight:700}.day-min{font-size:1.25rem;font-weight:500;opacity:.7}.day-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.2)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;opacity:.8}.detail-value{font-size:.95rem;font-weight:600}@media (max-width:768px){.forecast-day{padding:15px}.day-main{flex-direction:column;align-items:flex-start}.day-temps{align-self:flex-end}.day-details{grid-template-columns:repeat(2,1fr)}}.temperature-chart{width:100%;color:var(--text-light)}.chart-title{font-size:1.25rem;margin:0 0 20px;font-weight:600}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:15px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem;opacity:.9}.legend-color{width:16px;height:16px;border-radius:4px;display:inline-block}@media (max-width:768px){.chart-legend{flex-direction:column;align-items:center;gap:10px}}.weather-details{width:100%;max-width:800px;color:var(--text-light)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.detail-card{background:hsla(0,0%,100%,.1);border-radius:15px;padding:20px;transition:all .3s}.detail-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-3px)}.detail-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.detail-card-header h3{font-size:1.125rem;margin:0;font-weight:600}.aqi-badge,.uv-badge{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.uv-badge{background:hsla(0,0%,100%,.2)}.aqi-details{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.aqi-item{display:flex;flex-direction:column;gap:5px}.aqi-label{font-size:.875rem;opacity:.8}.aqi-value{font-size:1.25rem;font-weight:600}.uv-bar{width:100%;height:12px;background:hsla(0,0%,100%,.2);overflow:hidden;margin:15px 0}.uv-bar,.uv-fill{border-radius:6px}.uv-fill{height:100%;transition:width .5s ease}.uv-recommendation{font-size:.875rem;opacity:.9;margin:0;line-height:1.5}.detail-value-large{font-size:2rem;font-weight:700;text-align:center;margin-top:10px}.wind-direction{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10px}.wind-arrow{font-size:3rem;transition:transform .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.wind-dir-text{font-size:1.25rem;font-weight:600}.chart-container{margin-top:30px;background:hsla(0,0%,100%,.1);border-radius:15px;padding:20px}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.aqi-details{grid-template-columns:repeat(4,1fr)}}.unit-toggle{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:25px;padding:8px 16px;color:var(--text-light);cursor:pointer;transition:all .3s;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:5px;box-shadow:0 4px 16px var(--shadow)}.unit-toggle:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}.unit-toggle span{transition:opacity .3s}.unit-toggle span:not(.active){opacity:.5}.toggle-separator{opacity:.6!important}