:root{--bg-base:#1e202b;--bg-card:#323544;--bg-surface:#262936;--bg-input:#1e202b;--text-primary:#fff;--text-secondary:#bfc1c8;--text-muted:#8c8d92;--accent:#009ad8;--accent-hover:#007bb5;--border:#ffffff0f;--border-strong:#ffffff2e;--shadow-sm:#00000040;--shadow-lg:#00000073;--skel-base:#2d3044;--skel-shine:#3a3d58;--radius-pill:50rem;--radius-card:16px;--radius-sm:8px;--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease}[data-theme=light]{--bg-base:#f0f4f8;--bg-card:#fff;--bg-surface:#e2e8f0;--bg-input:#e8edf3;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent:#0077b6;--accent-hover:#005f8e;--border:#00000014;--border-strong:#0000002e;--shadow-sm:#00000014;--shadow-lg:#00000024;--skel-base:#e2e8f0;--skel-shine:#cbd5e0}*,:before,:after{box-sizing:border-box}body{color:var(--text-secondary);background:var(--bg-base);transition:var(--transition-theme);font-family:Roboto,Open Sans,sans-serif;font-size:14px;font-weight:300;line-height:1.5}header{background:var(--bg-surface);border-bottom:1px solid var(--border);transition:var(--transition-theme)}.brand-name h1{color:var(--text-primary);margin-bottom:4px;font-size:1em;font-weight:600}.brand-name p{color:var(--text-muted);margin:0;font-size:.7em}.theme-toggle{border:2px solid var(--border-strong);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:color .2s,border-color .2s;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.hero{background-image:url(/images/banner.png);background-position:50%;background-size:cover;min-height:340px;position:relative}.hero:before{content:"";pointer-events:none;background:#1e202b61;transition:background .3s;position:absolute;inset:0}[data-theme=light] .hero:before{background:#f0f4f885}.hero__content{z-index:1;position:relative}.find-location input[type=text]{background:var(--bg-input);width:100%;color:var(--text-primary);border:1px solid var(--border-strong);transition:var(--transition-theme), box-shadow .2s;padding:18px 50px 18px 22px}.find-location input[type=text]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #009ad82e}.find-location input[type=button]{padding:0 36px;position:absolute;top:5px;bottom:5px;right:5px}input::placeholder{color:var(--text-muted)!important}.days-dropdown-btn{border:2px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;padding:6px 18px;font-size:.85rem;transition:color .2s,border-color .2s}.days-dropdown-btn:hover,.days-dropdown-btn:focus{color:var(--accent);border-color:var(--accent);outline:none}.dropdown-menu{padding:4px 0;background:var(--bg-card)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important}.dropdown-item{cursor:pointer;padding:8px 16px;font-size:.85rem;transition:background-color .15s;color:var(--text-secondary)!important}.dropdown-item:hover,.dropdown-item:focus{background:var(--accent)!important;color:#fff!important}.forecast-cards{flex-wrap:wrap;gap:1.25rem;padding-bottom:1rem;display:flex;transform:translateY(-60px)}.forecast-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:0 2px 8px var(--shadow-sm);flex-direction:column;flex:200px;gap:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,background-color .3s,border-color .3s;display:flex}.forecast-card:hover{box-shadow:0 14px 32px var(--shadow-lg);transform:translateY(-5px)}.forecast-card__header{color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-bottom:.5rem;font-size:.78rem;display:flex}.forecast-card__weekday{color:var(--text-secondary);font-size:.85rem;font-weight:600}.forecast-card__location{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem}.forecast-card__temp-row{justify-content:space-between;align-items:center;margin:.1rem 0;display:flex}.forecast-card__temp{font-size:3.25rem;font-weight:700;line-height:1}.forecast-card__temp sup{vertical-align:super;font-size:1.4rem}.temp--hot{color:#ff6b6b}.temp--warm{color:#ffa94d}.temp--mild{color:#51cf66}.temp--cool{color:#74c0fc}.temp--cold{color:#a9d4ff}.forecast-card__icon{object-fit:contain;width:78px;height:78px;filter:drop-shadow(0 2px 6px var(--shadow-sm))}.forecast-card__condition{color:var(--accent);font-size:.88rem}.forecast-card__stats{color:var(--text-muted);flex-wrap:wrap;gap:.6rem;margin-top:auto;font-size:.78rem;display:flex}.forecast-card__stats span{align-items:center;gap:.28rem;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.38s both fadeIn}.forecast-card--skeleton{pointer-events:none}.skel{background:linear-gradient(90deg, var(--skel-base) 25%, var(--skel-shine) 50%, var(--skel-base) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.skel--line{height:12px;margin-bottom:.4rem}.skel--w40{width:40%}.skel--w50{width:50%}.skel--w60{width:60%}.skel--w80{width:80%}.skel--temp{border-radius:var(--radius-sm);width:44%;height:52px}.skel--icon{border-radius:50%;flex-shrink:0;width:70px;height:70px}.skel__row{justify-content:space-between;align-items:center;margin:.5rem 0;display:flex}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.forecast-error{width:100%;color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:3rem;display:flex}.forecast-error i{color:#ff6b6b;font-size:2rem}.alert-container{margin-top:.75rem}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border);color:var(--text-muted);transition:var(--transition-theme);padding:32px 0;font-size:.85rem}.site-footer .social-links{gap:.5rem;display:flex}.site-footer .social-links a{background:var(--bg-base);width:38px;height:38px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background-color .2s,color .2s;display:inline-flex}.site-footer .social-links a:hover{background:var(--accent);color:#fff}