.three-day-forecast{--forecast-max-width:850px;--forecast-gap-mobile:16px;--forecast-gap-desktop:32px;--forecast-card-padding-mobile:10px;--forecast-card-padding-desktop:20px;--forecast-card-min-width-mobile:117px;--forecast-card-min-width-desktop:140px;--forecast-card-radius:24px;max-width:var(--forecast-max-width);margin:0 auto;text-align:center}.three-day-forecast__row{display:flex;justify-content:center;gap:var(--forecast-gap-mobile);flex-wrap:wrap}.three-day-forecast__card{background:var(--bg-gradient-overlay);border-radius:var(--forecast-card-radius);box-shadow:var(--shadow-md);min-width:var(--forecast-card-min-width-mobile);padding:var(--forecast-card-padding-mobile)}@media (min-width:500px){.three-day-forecast__row{gap:var(--forecast-gap-desktop)}.three-day-forecast__card{padding:var(--forecast-card-padding-desktop);min-width:var(--forecast-card-min-width-desktop)}}.three-day-forecast__date{font-weight:600;font-size:16px;margin-bottom:8px}.three-day-forecast__date--today{color:var(--color-primary)}.three-day-forecast__icon{font-size:32px;margin-bottom:4px}.three-day-forecast__condition{font-size:14px;color:var(--color-text-muted);margin-bottom:8px}.three-day-forecast__temps{font-size:15px;color:var(--color-primary);display:flex;flex-direction:column;gap:2px}.three-day-forecast__na,.three-day-forecast__temps-c{color:var(--color-text-light);font-size:13px}.skeleton-box{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-border) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:skeleton-loading var(--animation-duration-slow) infinite linear;border-radius:6px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.three-day-forecast__card--loading{opacity:.7}.cloud-skeleton{--cloud-gradient:linear-gradient(90deg,#e0e7ef 25%,#f4f6fa 50%,#e0e7ef 75%);width:64px;height:40px;margin:32px auto 24px;background:var(--cloud-gradient);border-radius:50% 50% 60% 60%/60% 60% 80% 80%;position:relative;animation:cloud-move 1.6s linear infinite;box-shadow:0 8px 24px rgba(120,130,150,.08),0 0 0 8px #f4f6fa}.cloud-skeleton:after,.cloud-skeleton:before{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-skeleton:before{width:36px;height:36px;left:-24px;top:8px}.cloud-skeleton:after{width:44px;height:44px;right:-28px;top:0}@keyframes cloud-move{0%{filter:brightness(1);transform:translateY(0) scale(1)}50%{filter:brightness(1.08);transform:translateY(-6px) scale(1.04)}to{filter:brightness(1);transform:translateY(0) scale(1)}}.sun-skeleton{--sun-color-light:#fffbe6;--sun-color-dark:#ffe066;width:48px;height:48px;margin:32px auto 24px;border-radius:50%;background:radial-gradient(circle at 60% 40%,var(--sun-color-light) 60%,var(--sun-color-dark) 100%);box-shadow:0 0 24px 8px rgba(255,224,102,.6),0 0 0 8px var(--sun-color-light);position:relative;animation:sun-spin var(--animation-duration-slow) * 5.6 linear infinite;display:flex;align-items:center;justify-content:center}.sun-skeleton:before{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);background:repeating-conic-gradient(var(--sun-color-dark) 0deg 10deg,transparent 10deg 30deg);border-radius:50%;z-index:0;opacity:.7}@keyframes sun-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.location-form{--switcher-radius:12px;--switcher-padding:1.25rem;--switcher-button-radius:8px;--switcher-border-width:2px;--switcher-color-muted:#6f747a;--switcher-color-background:#f8fafc;display:flex;flex-direction:column;width:100%;background:var(--color-white);border-radius:var(--switcher-radius);overflow:hidden;box-shadow:var(--shadow-md)}.location_switcher__header{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--switcher-padding);background:var(--switcher-color-background);border-bottom:1px solid var(--color-border)}.location_switcher__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.location_switcher__close{background:none;border:none;color:var(--switcher-color-muted);font-size:1.2rem;padding:.4rem;cursor:pointer;line-height:1;border-radius:6px;transition:all var(--animation-duration-fast)}.location_switcher__close:hover{background:rgba(0,0,0,.05);color:var(--color-text)}.location_switcher__content{padding:var(--switcher-padding)}.location_switcher__row{flex-direction:column;align-items:center;display:flex;gap:1rem;margin-bottom:1rem;justify-content:center}@media (min-width:768px){.location_switcher__row--align{align-self:flex-start}.location_switcher__row{flex-direction:row;align-items:baseline}}.location_switcher__inputs{display:flex;flex-direction:column;gap:.5rem}.location_switcher__input{width:inherit;padding:.75rem 1rem;border:var(--switcher-border-width) solid var(--color-border);border-radius:var(--switcher-button-radius);font-size:1rem;transition:all var(--animation-duration-fast);background:var(--color-white)}.location_switcher__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem rgba(26,95,160,.15);outline:none}.location_switcher__help{color:var(--switcher-color-muted);font-size:.85rem}.location_switcher__btn,.location_switcher__btn__my-location{padding:.75rem 1.4rem;border-radius:var(--switcher-button-radius);background:var(--color-primary);color:var(--color-white);border:var(--switcher-border-width) solid var(--color-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--animation-duration-fast);white-space:nowrap}.location_switcher__btn:active,.location_switcher__btn:hover{background:var(--color-primary-dark)}.location_switcher__btn__my-location{background-color:var(--color-white);color:var(--color-primary);border:var(--switcher-border-width) solid var(--color-primary);display:inline-flex;align-items:center;gap:.5rem}.location_switcher__btn__my-location:hover{background:var(--color-bg-light)}.location_switcher__icon{width:1rem;height:1rem;fill:currentColor;flex-shrink:0}.location_switcher__divider{color:var(--switcher-color-muted);font-weight:500;font-size:.9rem;margin:0 .5rem}@media (min-width:768px){.location_switcher__divider{margin:15px .5rem}}.error-message{--error-bg:#fff6f6;--error-border:#fad7d7;color:var(--color-error);background:var(--error-bg);border:1px solid var(--error-border);padding:.75rem 1rem;border-radius:var(--switcher-button-radius);text-align:center;font-weight:500;font-size:.9rem;margin-bottom:1rem}.weather-gradient-card{border-radius:40px;box-shadow:0 8px 32px 0 rgba(31,38,135,.18);padding:2.5rem 2rem;margin:10px;display:flex;flex-direction:column;align-items:center;max-width:850px;position:relative;overflow:hidden;z-index:1;background-size:400% 400%!important;animation:gradientAnimation 30s ease infinite}.weather-gradient-card:before{content:"";position:absolute;inset:0;background:inherit;z-index:-1;animation:gradientAnimation 30s ease-in-out infinite alternate}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:768px){.weather-gradient-card{margin:0 auto 1rem}}.location-controls{display:flex;justify-content:center;margin-bottom:24px;position:relative;z-index:10}.location-controls__button{position:relative;z-index:11}.location-title-wrapper{text-align:center;margin-bottom:32px}.weather-gradient-card{background-image:var(--weather-gradient)}.weather-cards-row{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center;width:100%;flex-direction:row}.location-toggle-btn{background:#f3f6fa;color:#1a5fa0;border:none;border-radius:20px;font-weight:600;font-size:1rem;padding:.6rem 1.6rem;box-shadow:none;cursor:pointer;transition:all .2s;outline:none}.location-toggle-btn[tabindex="-1"]{outline:none!important;pointer-events:none}.location-toggle-btn:focus{outline:2px solid #1a5fa0;outline-offset:2px;box-shadow:0 0 0 3px #43cea233}.location-toggle-btn[aria-expanded=true]{outline:2px solid #1a5fa0;background:#1a5fa0;color:#fff}.location-toggle-btn:active,.location-toggle-btn:hover{background:#1a5fa0;color:#fff;box-shadow:0 4px 12px rgba(31,38,135,.15)}.location-switcher-flydown{position:absolute;top:-30px;left:50%;transform:translate(-50%,-8px) scale(.98);max-width:96%;min-width:280px;width:100%;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(31,38,135,.18),0 2px 8px rgba(31,38,135,.08);padding:0;z-index:12;opacity:0;pointer-events:none;transform-origin:top center;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}@media (min-width:600px){.location-switcher-flydown{min-width:340px;max-width:900px}}.location-toggle-btn[aria-expanded=true]+.location-switcher-flydown{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.weather-card{--card-padding:2.5rem;--card-radius:32px;background:var(--bg-gradient-overlay);border-radius:var(--card-radius);box-shadow:var(--shadow-lg);padding:var(--card-padding);text-align:center;min-width:80%;max-width:380px;position:relative;overflow:hidden;align-self:flex-start;margin-bottom:1.5rem}@media (min-width:768px){.weather-card{min-width:320px}}.weather-card__title{font-weight:700;font-size:1.6rem;margin-bottom:1.2rem;color:var(--color-text);z-index:1;position:relative}.weather-card__loading{color:var(--color-text-muted);font-size:1.1rem;z-index:1;position:relative}.weather-card__error{color:var(--color-error);font-weight:500;z-index:1;position:relative}.weather-card__icon-block{margin-bottom:1.2rem;z-index:1;position:relative}.weather-card__icon{font-size:4.5rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 2px 8px var(--color-primary-light))}.weather-card__condition{font-size:1.4rem;color:var(--color-text-muted);font-weight:600}.weather-card__details{display:flex;flex-direction:column;gap:.7rem;font-size:1.15rem;color:var(--color-text);z-index:1;position:relative}.weather-card__temp{font-size:2.2rem;font-weight:700}.weather-card__highlight,.weather-card__temp{color:var(--color-primary)}.weather-card__loading-anim{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.weather-card__spinner{display:flex;gap:.5rem;margin-bottom:.7rem}.weather-card__dot{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);animation:weather-card-bounce var(--animation-duration-slow) infinite alternate}.weather-card__dot:nth-child(2){animation-delay:var(--animation-duration-fast)}.weather-card__dot:nth-child(3){animation-delay:calc(var(--animation-duration-fast) * 2)}@keyframes weather-card-bounce{0%{transform:translateY(0);opacity:1}to{transform:translateY(-18px);opacity:.7}}.weather-card__current-label{display:inline-block;background:var(--gradient-primary);color:var(--color-white);font-size:.95rem;font-weight:600;letter-spacing:.04em;border-radius:16px;padding:.25em 1.1em;margin-bottom:1.1rem;margin-top:-.5rem;box-shadow:var(--shadow-sm)}