.days-page{min-height:100vh;padding:30px 0 60px;transition:all 1s;position:relative;overflow:hidden}.days-page.day-mode{background:linear-gradient(#87ceeb 0%,#98d8e8 30%,#e0f4ff 70%,#fff 100%)}.days-page.day-mode .sky-bg .sun{opacity:1}.days-page.day-mode .sky-bg .moon,.days-page.day-mode .sky-bg .stars,.days-page.day-mode .sky-bg .shooting-star{opacity:0}.days-page.day-mode .day-clouds{opacity:1}.days-page.day-mode .hero-title,.days-page.day-mode .section-header h2{color:#1e293b}.days-page.day-mode .hero-subtitle,.days-page.day-mode .section-header p{color:#475569}.days-page.day-mode .hero-badge{color:#f59e0b;background:#fffc;border-color:#ffffffe6}.days-page.day-mode .time-indicator{background:#fffc;border-color:#ffffffe6}.days-page.day-mode .time-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.days-page.day-mode .time-label{color:#64748b}.days-page.day-mode .time-value{color:#1e293b}.days-page.day-mode .day-card{background:#ffffffd9;border-color:#ffffffe6}.days-page.day-mode .day-card:hover{background:#fffffff2}.days-page.day-mode .loader-card{background:#ffffffe6}.days-page.day-mode .overview-card,.days-page.day-mode .summary-card{background:#ffffffd9;border-color:#ffffffe6}.days-page.night-mode{background:linear-gradient(#0a0a1a 0%,#1a1a3a 30%,#1e293b 70%,#0f172a 100%)}.days-page.night-mode .sky-bg .sun,.days-page.night-mode .day-clouds{opacity:0}.days-page.night-mode .sky-bg .moon,.days-page.night-mode .sky-bg .stars,.days-page.night-mode .sky-bg .shooting-star{opacity:1}.days-page.night-mode .hero-title,.days-page.night-mode .section-header h2{color:#fff}.days-page.night-mode .hero-subtitle,.days-page.night-mode .section-header p{color:#94a3b8}.days-page.night-mode .hero-badge{color:#a78bfa;background:#8b5cf633;border-color:#8b5cf64d}.days-page.night-mode .time-indicator{background:#ffffff0d;border-color:#ffffff1a}.days-page.night-mode .time-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.days-page.night-mode .time-label{color:#64748b}.days-page.night-mode .time-value{color:#fff}.days-page.night-mode .day-card{background:#ffffff08;border-color:#ffffff0f}.days-page.night-mode .day-card:hover{background:#ffffff14;border-color:#8b5cf64d}.days-page.night-mode .loader-card{color:#fff;background:#ffffff0d}.days-page.night-mode .overview-card,.days-page.night-mode .summary-card{background:#ffffff08;border-color:#ffffff0f}.sky-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sun{background:radial-gradient(circle,#fff700 0%,#fa0 50%,#0000 70%);border-radius:50%;width:120px;height:120px;transition:opacity 1s;animation:4s ease-in-out infinite pulse-sun;position:absolute;top:50px;right:10%;box-shadow:0 0 80px 40px #ffc8004d}@keyframes pulse-sun{0%,to{transform:scale(1);box-shadow:0 0 80px 40px #ffc8004d}50%{transform:scale(1.05);box-shadow:0 0 100px 50px #ffc80066}}.day-clouds{width:100%;height:100%;transition:opacity 1s;position:absolute}.cloud{filter:blur(2px);background:#ffffffe6;border-radius:100px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud-1{width:200px;height:60px;animation:30s linear infinite float-cloud;top:15%;left:-200px}.cloud-1:before{width:80px;height:80px;top:-40px;left:30px}.cloud-1:after{width:60px;height:60px;top:-30px;right:30px}.cloud-2{width:150px;height:45px;animation:25s linear 10s infinite float-cloud;top:25%;left:-150px}.cloud-2:before{width:60px;height:60px;top:-30px;left:20px}.cloud-2:after{width:45px;height:45px;top:-20px;right:20px}.cloud-3{width:180px;height:55px;animation:35s linear 20s infinite float-cloud;top:35%;left:-180px}.cloud-3:before{width:70px;height:70px;top:-35px;left:25px}.cloud-3:after{width:55px;height:55px;top:-25px;right:25px}@keyframes float-cloud{0%{transform:translate(0)}to{transform:translate(calc(100vw + 300px))}}.moon{background:linear-gradient(135deg,#f5f5f5 0%,#e0e0e0 100%);border-radius:50%;width:100px;height:100px;transition:opacity 1s;position:absolute;top:50px;right:10%;box-shadow:inset -15px -10px #c8c8c880,0 0 50px 20px #ffffff1a}.moon:before{content:"";background:#b4b4b44d;border-radius:50%;width:20px;height:20px;position:absolute;top:20px;left:25px}.moon:after{content:"";background:#b4b4b433;border-radius:50%;width:12px;height:12px;position:absolute;top:50px;left:60px}.stars{width:100%;height:100%;transition:opacity 1s;position:absolute}.star{background:#fff;border-radius:50%;width:3px;height:3px;animation:2s ease-in-out infinite twinkle;position:absolute}.star:nth-child(3n){width:2px;height:2px}.star:nth-child(5n){width:4px;height:4px}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.shooting-star{background:linear-gradient(90deg,#fff,#0000);border-radius:2px;width:100px;height:2px;transition:opacity 1s;animation:6s ease-in-out infinite shoot;position:absolute;top:20%;left:0}@keyframes shoot{0%{opacity:0;transform:translate(-100px)translateY(0)rotate(-30deg)}10%{opacity:1}20%{opacity:0;transform:translate(100vw)translateY(200px)rotate(-30deg)}to{opacity:0}}.days-page .container{z-index:2;max-width:1200px;position:relative}.days-hero{text-align:center;padding:40px 0 50px}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.hero-title{margin:0 0 15px;font-size:42px;font-weight:900;line-height:1.2;transition:color .5s}.hero-title .city-name{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{max-width:500px;margin:0 auto 30px;font-size:16px;transition:color .5s}.time-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:20px;align-items:center;gap:15px;padding:15px 25px;transition:all .3s;display:inline-flex}.time-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.time-info{text-align:left;flex-direction:column;display:flex}.time-label{text-transform:uppercase;font-size:12px;font-weight:600}.time-value{font-size:26px;font-weight:900}.loader-section{justify-content:center;padding:60px 0;display:flex}.loader-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px 60px}.loader-spinner{border:4px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-card p{margin:0;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.section-header h2{align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.section-header h2 i{color:#3b82f6}.section-header p{margin:0;font-size:14px}.week-overview{-webkit-overflow-scrolling:touch;gap:12px;margin-bottom:40px;padding:10px 0 25px;display:flex;overflow-x:auto}.week-overview::-webkit-scrollbar{height:6px}.week-overview::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.week-overview::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.overview-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:1px solid;border-radius:20px;flex-shrink:0;min-width:100px;padding:20px 15px;transition:all .3s}.overview-card:hover{transform:translateY(-5px)}.overview-card.today{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#0000!important}.overview-card.today .ov-day,.overview-card.today .ov-temp{color:#fff!important}.ov-day{color:#64748b;margin-bottom:10px;font-size:13px;font-weight:700}.days-page.day-mode .ov-day{color:#475569}.days-page.night-mode .ov-day{color:#94a3b8}.ov-icon img{width:45px;height:45px;margin-bottom:10px}.ov-temp{font-size:20px;font-weight:900}.days-page.day-mode .ov-temp{color:#1e293b}.days-page.night-mode .ov-temp{color:#fff}.days-section{margin-bottom:50px}.days-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;display:grid}.day-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:1px solid;border-radius:24px;padding:25px 20px;transition:all .3s}.day-card:hover{transform:translateY(-8px)}.day-header{margin-bottom:15px}.day-name{text-transform:capitalize;margin-bottom:4px;font-size:16px;font-weight:800}.days-page.day-mode .day-name{color:#1e293b}.days-page.night-mode .day-name{color:#fff}.day-date{font-size:12px;font-weight:600}.days-page.day-mode .day-date,.days-page.night-mode .day-date{color:#64748b}.day-icon img{width:70px;height:70px;margin-bottom:15px}.day-temps{justify-content:center;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.temp-max{font-size:28px;font-weight:900}.days-page.day-mode .temp-max{color:#1e293b}.days-page.night-mode .temp-max{color:#fff}.temp-min{color:#94a3b8;font-size:18px;font-weight:700}.day-desc{border-radius:12px;padding:8px 14px;font-size:11px;font-weight:700;line-height:1.3;display:inline-block}.days-page.day-mode .day-desc{color:#3b82f6;background:#3b82f61a}.days-page.night-mode .day-desc{color:#a78bfa;background:#8b5cf633}.weather-summary{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:50px;display:grid}.summary-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:20px;padding:25px 20px;transition:all .3s}.summary-card:hover{transform:translateY(-5px)}.summary-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 15px;font-size:22px;display:flex}.summary-icon.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-icon.low{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.summary-icon.rain{background:linear-gradient(135deg,#06b6d4,#0891b2)}.summary-icon.sun{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.summary-label{margin-bottom:5px;font-size:13px;font-weight:600}.days-page.day-mode .summary-label,.days-page.night-mode .summary-label{color:#64748b}.summary-value{font-size:24px;font-weight:900}.days-page.day-mode .summary-value{color:#1e293b}.days-page.night-mode .summary-value{color:#fff}.action-section{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.action-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;align-items:center;gap:10px;padding:15px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.action-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 35px #3b82f64d}.action-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.days-page.day-mode .action-btn.secondary{color:#1e293b;background:#fffc}.action-btn.secondary:hover{background:#fff3}.days-page.day-mode .action-btn.secondary:hover{background:#fffffff2}.city-picker{margin:0 auto 28px;display:inline-block;position:relative}.city-picker-trigger{cursor:pointer;border:1px solid;border-radius:50px;align-items:center;gap:12px;padding:13px 22px;font-family:inherit;transition:background .2s,border-color .2s;display:inline-flex}.city-picker-name{font-size:19px;font-weight:800;line-height:1}.city-picker-chevron{font-size:13px;transition:transform .25s}.city-picker.open .city-picker-chevron{transform:rotate(180deg)}.days-page.day-mode .city-picker-trigger{color:#1e293b;background:#ffffffd9;border-color:#ffffffe6;box-shadow:0 6px 20px #1e293b14}.days-page.day-mode .city-picker-trigger:hover{background:#fff}.days-page.day-mode .city-picker-trigger .fa-location-dot{color:#3b82f6}.days-page.day-mode .city-picker-trigger .city-picker-chevron{color:#64748b}.days-page.night-mode .city-picker-trigger{color:#fff;background:#ffffff0f;border-color:#ffffff26}.days-page.night-mode .city-picker-trigger:hover{background:#ffffff1f;border-color:#ffffff4d}.days-page.night-mode .city-picker-trigger .fa-location-dot{color:#a78bfa}.days-page.night-mode .city-picker-trigger .city-picker-chevron{color:#fff9}.city-picker-panel{opacity:0;visibility:hidden;z-index:300;text-align:left;background:#101b2e;border:1px solid #ffffff1f;border-radius:18px;width:340px;max-width:92vw;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%,-6px);box-shadow:0 24px 60px #02081799}.city-picker.open .city-picker-panel{opacity:1;visibility:visible;transform:translate(-50%)}.city-picker-search{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 16px;display:flex}.city-picker-search i{color:#fff6;font-size:13px}.city-picker-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.city-picker-search input::placeholder{color:#ffffff59}.city-picker-popular{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.city-chip{color:#ffffffbf;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.city-chip:hover{color:#fff;background:#ffffff26}.city-chip.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.city-picker-list{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;max-height:280px;padding:6px;overflow-y:auto}.city-picker-list::-webkit-scrollbar{width:5px}.city-picker-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.city-picker-item{color:#ffffffd9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:14.5px;font-weight:500;transition:background .12s;display:flex}.city-picker-item:hover,.city-picker-item.focused{color:#fff;background:#ffffff17}.city-picker-item.active{color:#38bdf8;font-weight:700}.city-picker-item.active i{font-size:12px}.city-picker-empty{text-align:center;color:#ffffff73;padding:24px 16px;font-size:14px}.city-picker-empty i{margin-right:6px}@media (max-width:576px){.city-picker{width:100%;display:block}.city-picker-trigger{justify-content:center;width:100%}}@media (max-width:992px){.weather-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title{font-size:32px}.section-header{text-align:center;flex-direction:column;gap:5px}.days-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.days-page{padding:20px 0 40px}.hero-title{font-size:26px}.time-indicator{padding:12px 18px}.days-grid{grid-template-columns:repeat(2,1fr);gap:10px}.day-card{padding:20px 15px}.day-icon img{width:55px;height:55px}.temp-max{font-size:24px}.weather-summary{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:20px 15px}.action-btn{justify-content:center;width:100%}.sun{width:80px;height:80px;top:30px;right:5%}.moon{width:70px;height:70px;top:30px;right:5%}}