body.city-collection-body{margin:0;width:100vw;min-height:100vh;overflow:hidden;background:transparent;color:#f4fbff;font-family:"Outfit", "Segoe UI", Arial, sans-serif}body.city-collection-body>div,body.city-collection-body>section{margin:0;padding:0}.city-collection-weather-icon,.city-collection-weather-icon img{width:100%;height:auto}.city-medium-card__icon img,.city-panel-icon img,.city-small-icon img{display:block}.city-collection-temp{margin:0;font-weight:300;letter-spacing:-0.05em;line-height:0.9;white-space:nowrap}.city-collection-copy,.city-collection-meta,.city-collection-muted{margin:0;color:rgba(231,241,255,0.74)}.city-collection-copy{font-size:clamp(0.8rem, 2.3vw, 1rem);line-height:1.2}.city-collection-meta,.city-collection-muted{font-size:clamp(0.72rem, 1.95vw, 0.92rem);line-height:1.15}.city-collection-brand{display:block;width:clamp(110px, 32vw, 156px);max-width:100%;height:auto;object-fit:contain}.city-medium-card::before,.city-panel-widget::before,.city-small-card::before{content:"";position:absolute;inset:auto -10% -24% auto;width:42%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,0.08);pointer-events:none}.city-medium-card::after,.city-panel-widget::after,.city-small-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(255,255,255,0.16), transparent 42%);pointer-events:none}.city-medium-card>*,.city-panel-widget>*,.city-small-card>*{position:relative;z-index:1}.city-medium-widget{box-sizing:border-box;width:100%;height:100vh}.city-medium-card{--city-medium-icon-zero-scale: 1;--city-medium-hero-icon-width: clamp(72px, 36vw, 244px);position:relative;box-sizing:border-box;width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(0, 1fr) auto auto;gap:clamp(6px, 1.7vw, 12px);padding:clamp(12px, 3vw, 20px);border-radius:clamp(24px, 5vw, 34px);border:1px solid rgba(255,255,255,0.15);overflow:hidden;background:linear-gradient(145deg, #447ce1 0%, #5b95f4 100%);box-shadow:0 24px 40px rgba(6,18,31,0.18),inset 0 1px 0 rgba(255,255,255,0.16)}.city-medium-card__heading{min-width:0}.city-medium-card__title{margin:0;font-size:clamp(1.22rem, 4.7vw, 2.55rem);line-height:1.04;font-weight:500;letter-spacing:-0.03em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.city-medium-card__time{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-medium-card__main{min-width:0;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:clamp(8px, 2vw, 16px)}.city-medium-card__temp{font-size:clamp(2.85rem, 13vw, 5.6rem)}.city-medium-card__icon{width:var(--city-medium-hero-icon-width)}.city-medium-card__icon .icon_0{max-width:none;transform:scale(var(--city-medium-icon-zero-scale));transform-origin:left center}.city-medium-card__copy{min-height:0;display:grid;align-content:center;gap:4px}.city-medium-card__hourly{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:clamp(4px, 1.2vw, 8px);padding-top:clamp(6px, 1.5vw, 10px);border-top:1px solid rgba(255,255,255,0.16)}.city-medium-card__hourly-item{min-width:0;display:grid;gap:3px;justify-items:center;text-align:center}.city-medium-card__hourly-label{font-size:clamp(0.66rem, 1.85vw, 0.9rem);color:rgba(231,241,255,0.7)}.city-medium-card__hourly-icon{width:clamp(20px, 6.1vw, 34px)}.city-medium-card__hourly-temp{margin:0;font-size:clamp(0.84rem, 2.5vw, 1.2rem);font-weight:600;line-height:1}.city-medium-card__footer{display:flex;align-items:center;justify-content:center;min-height:20px;padding-top:clamp(6px, 1.5vw, 10px);border-top:1px solid rgba(255,255,255,0.18)}.city-panel-shell{box-sizing:border-box;width:100%;height:100vh}.city-panel-widget{--city-panel-icon-zero-scale: 1;--city-panel-hero-icon-width: clamp(84px, 44vw, 236px);position:relative;box-sizing:border-box;width:100%;height:100%;padding:clamp(14px, 3.4vw, 20px);border-radius:clamp(28px, 6vw, 38px);border:1px solid rgba(255,255,255,0.18);display:grid;grid-template-rows:auto auto auto auto minmax(0, 1fr) auto;gap:clamp(8px, 1.8vw, 12px);background:linear-gradient(160deg, #4d86eb 0%, #4a87eb 55%, #4d90ef 100%);box-shadow:0 24px 40px rgba(20,53,106,0.18),inset 0 1px 0 rgba(255,255,255,0.2);overflow:hidden}.city-panel-header{min-width:0}.city-panel-title{margin:0;font-size:clamp(1.45rem, 5.6vw, 2.8rem);line-height:1.04;font-weight:500;letter-spacing:-0.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-panel-time{margin-top:6px;font-size:clamp(0.84rem, 2.8vw, 1.08rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-panel-hero{min-width:0;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:clamp(8px, 2vw, 14px)}.city-panel-hero-copy{display:grid;gap:6px}.city-panel-temp{font-size:clamp(3.35rem, 17vw, 6.6rem)}.city-panel-icon{width:var(--city-panel-hero-icon-width)}.city-panel-icon .icon_0{max-width:none;transform:scale(var(--city-panel-icon-zero-scale));transform-origin:left center}.city-panel-divider{height:1px;background:rgba(255,255,255,0.18)}.city-panel-hourly{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:clamp(4px, 1.2vw, 8px)}.city-panel-hourly-item{min-width:0;display:grid;gap:4px;justify-items:center;text-align:center}.city-panel-hourly-label{font-size:clamp(0.72rem, 2vw, 0.96rem);color:rgba(231,241,255,0.7)}.city-panel-hourly-icon{width:clamp(24px, 7vw, 38px)}.city-panel-hourly-temp{margin:0;font-size:clamp(0.94rem, 3vw, 1.38rem);font-weight:600}.city-panel-metrics{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));border-top:1px solid rgba(255,255,255,0.16);border-bottom:1px solid rgba(255,255,255,0.16)}.city-panel-metric{min-width:0;display:grid;gap:4px;justify-items:center;padding:clamp(8px, 1.8vw, 12px) clamp(3px, 1vw, 6px);text-align:center}.city-panel-metric+.city-panel-metric{border-left:1px solid rgba(255,255,255,0.14)}.city-panel-metric-label{font-size:clamp(0.72rem, 1.9vw, 0.9rem);font-weight:700;color:rgba(245,251,255,0.9)}.city-panel-metric-value{font-size:clamp(0.82rem, 2.5vw, 1.1rem);color:rgba(245,251,255,0.96);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-panel-days{min-height:0;display:grid;gap:0;align-content:start}.city-panel-day{min-width:0;display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;gap:10px;padding:clamp(10px, 2vw, 14px) 0}.city-panel-day+.city-panel-day{border-top:1px solid rgba(255,255,255,0.16)}.city-panel-day-name{margin:0;font-weight:700}.city-panel-day-date{margin-top:4px}.city-panel-day-icon{width:clamp(26px, 7vw, 38px)}.city-panel-day-range{font-size:clamp(1rem, 3.7vw, 1.7rem);font-weight:700;letter-spacing:-0.04em;white-space:nowrap}.city-panel-day-range span{color:rgba(224,236,255,0.66)}.city-panel-footer{display:flex;align-items:center;justify-content:center;min-height:18px}.city-small-widget{width:100%;height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden}.city-small-widget[data-links-toggle-surface="true"],.city-small-widget[data-links-toggle-surface="true"] .city-small-card{cursor:pointer}.city-small-widget[data-links-toggle-surface="true"]:focus{outline:none}.city-small-widget[data-links-toggle-surface="true"]:focus-visible .city-small-card{outline:2px solid rgba(255,255,255,0.8);outline-offset:-2px}.city-small-widget--responsive{display:block}.city-small-scale-shell{position:relative;overflow:hidden}.city-small-canvas{position:absolute;top:0;left:0;transform-origin:left top}.city-small-card{position:relative;box-sizing:border-box;width:100%;height:100%;display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;gap:8px;padding:6px 20px 6px 12px;border-radius:18px;border:1px solid rgba(255,255,255,0.14);overflow:hidden;box-shadow:0 18px 30px rgba(8,18,31,0.14),inset 0 1px 0 rgba(255,255,255,0.14)}.city-small-card--stacked{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;align-content:center;gap:6px;padding-right:14px}.city-small-card--day{background:linear-gradient(145deg, #4d86ea 0%, #5c9bf4 100%)}.city-small-card--night{background:linear-gradient(145deg, #264152 0%, #476172 100%)}.city-small-card__copy{min-width:0}.city-small-card--stacked .city-small-divider{display:none}.city-small-card--stacked .city-small-card__weather{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;justify-self:stretch;width:100%;column-gap:8px}.city-small-card--fluid{width:100%;height:100%;gap:6px;padding:4px 14px 4px 10px;border-radius:clamp(16px, 9vh, 20px)}.city-small-card__title{margin:0;font-size:clamp(11px, 4.6vw, 17px);line-height:1.04;font-weight:500;letter-spacing:-0.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-small-card--fluid .city-small-card__title{font-size:clamp(11px, 4.4vw, 18px)}.city-small-card__time{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(7px, 2.2vw, 10px)}.city-small-card--fluid .city-small-card__time{font-size:clamp(7px, 2.4vw, 10px);margin-top:2px}.city-small-divider{width:1px;height:64%;min-height:18px;max-height:28px;background:rgba(255,255,255,0.22)}.city-small-card__weather{display:flex;align-items:center;justify-content:flex-end;justify-self:end;width:max-content;max-width:100%;flex:0 0 auto;gap:6px;min-width:0}.city-small-icon{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;width:auto;max-width:none;min-width:0;overflow:visible}.city-small-icon svg,.city-small-icon img{display:block;width:clamp(18px, 16vw, 44px);height:auto;max-width:44px;flex:0 0 auto}.city-small-icon .icon_0{width:clamp(22px, 18vw, 52px);max-width:52px}.city-small-card--fluid .city-small-icon{flex-basis:auto}.city-small-temp{font-size:clamp(18px, 10vw, 37px);line-height:0.82;align-self:center;flex:0 1 auto;min-width:0}.city-small-card--fluid .city-small-temp{font-size:clamp(18px, 8.5vw, 32px);line-height:0.82}.city-small-card--fluid .city-small-divider{height:64%;min-height:16px;max-height:24px}.city-small-card--fluid .city-small-card__weather{gap:5px}@media (max-aspect-ratio: 2/1){.city-small-card--fluid{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;align-content:center;gap:8px;padding-right:18px}.city-small-card--fluid .city-small-divider{display:none}.city-small-card--fluid .city-small-card__weather{justify-self:start}}@media (max-width: 380px){.city-medium-card{--city-medium-icon-zero-scale: 0.96;--city-medium-hero-icon-width: clamp(64px, 30vw, 140px)}.city-panel-widget{--city-panel-icon-zero-scale: 0.96;--city-panel-hero-icon-width: clamp(72px, 32vw, 152px)}.city-medium-card{padding:10px}.city-panel-widget{padding:12px}.city-panel-hero{gap:6px}.city-panel-temp{font-size:clamp(2.95rem, 15vw, 5.4rem)}.city-small-card{padding-right:18px}.city-small-card--stacked{padding-right:12px}.city-medium-card__hourly{gap:2px;padding-top:5px}}@media (max-width: 320px){.city-medium-card{--city-medium-icon-zero-scale: 0.92;--city-medium-hero-icon-width: clamp(58px, 28vw, 118px)}}@media (max-width: 260px){.city-panel-widget{--city-panel-icon-zero-scale: 0.9;--city-panel-hero-icon-width: clamp(54px, 28vw, 96px);padding:10px}.city-panel-hero{gap:4px}.city-panel-temp{font-size:clamp(2.5rem, 15vw, 4.4rem)}}@media (max-height: 540px){.city-panel-widget{padding:12px;gap:8px}.city-panel-time{margin-top:4px}.city-panel-hourly{gap:2px}.city-panel-metric{padding:7px 3px}.city-panel-day{padding:8px 0}.city-panel-day:last-child{display:none}}@media (max-height: 400px){.city-panel-widget{padding:10px;gap:6px}.city-panel-title{font-size:clamp(1.2rem, 5vw, 1.8rem)}.city-panel-time{margin-top:2px;font-size:clamp(0.72rem, 2.4vw, 0.9rem)}.city-panel-temp{font-size:clamp(2.3rem, 14vw, 4.6rem)}.city-panel-icon{width:clamp(64px, 24vw, 126px)}.city-panel-hourly{gap:1px}.city-panel-hourly-label{font-size:clamp(0.62rem, 1.8vw, 0.78rem)}.city-panel-hourly-icon{width:clamp(18px, 5vw, 26px)}.city-panel-hourly-temp{font-size:clamp(0.8rem, 2.4vw, 1rem)}.city-panel-metric{gap:2px;padding:5px 2px}.city-panel-metric-label{font-size:clamp(0.6rem, 1.6vw, 0.76rem)}.city-panel-metric-value{font-size:clamp(0.7rem, 2vw, 0.9rem)}.city-panel-days{display:none}.city-panel-footer{min-height:14px}}@media (max-width: 240px){.city-small-card,.city-small-card--fluid{gap:5px;padding-right:12px}.city-small-temp,.city-small-card--fluid .city-small-temp{font-size:clamp(15px, 9vw, 24px)}.city-small-card__title,.city-small-card--fluid .city-small-card__title{font-size:clamp(9px, 4.2vw, 14px)}.city-small-card__time,.city-small-card--fluid .city-small-card__time{font-size:clamp(6px, 2.3vw, 8px)}.city-small-icon svg,.city-small-icon img{width:clamp(14px, 14vw, 36px);max-width:36px}.city-small-icon .icon_0{width:clamp(16px, 16vw, 42px);max-width:42px}}@media (max-width: 140px){.city-small-card,.city-small-card--fluid{gap:4px;padding:4px 9px 4px 7px}.city-small-divider,.city-small-card--fluid .city-small-divider{min-height:12px;max-height:18px}.city-small-temp,.city-small-card--fluid .city-small-temp{font-size:clamp(12px, 7.2vw, 18px)}.city-small-card__title,.city-small-card--fluid .city-small-card__title{font-size:clamp(8px, 4vw, 12px)}.city-small-card__time,.city-small-card--fluid .city-small-card__time{font-size:clamp(5px, 2vw, 7px)}.city-small-icon svg,.city-small-icon img{width:clamp(10px, 15vw, 26px);max-width:26px}.city-small-icon .icon_0{width:clamp(12px, 17vw, 30px);max-width:30px}.city-small-card--stacked .city-small-card__weather{grid-template-columns:minmax(0, 1fr);row-gap:3px}}