:root{--mw-color-hot:#e69322;--mw-color-warm:#fbf239;--mw-color-mild:#9ec72f;--mw-color-cool:#5fa79b;--mw-color-cold:#3055a1;--mw-card-bg:#d6d6d6;--mw-card-bg-hover:#b3b3b3;--mw-card-bg-active:#8f8f8f;--mw-surface-bg:#c7c7c7;--mw-map-base:#d6d6d6;--mw-map-text:#000000;--mw-accent:#4f8cff;--mw-accent-hover:#3a7be8;--mw-accent-foreground:#ffffff;--mw-icon-color:#ffffff;--mw-text:#000000;--mw-text-muted:rgba(0, 0, 0, 0.6);--mw-space-xs:1rem;--mw-space-s:1.5rem;--mw-space-m:2rem;--mw-space-l:2.5rem;--mw-space-xl:3rem;--mw-font-size-h4:2rem;--mw-font-size-m:1.5rem;--mw-font-size-l:2rem;--mw-radius:1rem;--mw-transition:all 0.2s ease;--mw-grid-gap:1.5rem}.mw-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mw-space-xl);gap:var(--mw-space-m);color:var(--mw-text);opacity:.7;grid-column:1/-1;width:100%;min-height:200px;text-align:center}.mw-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--mw-accent);border-radius:50%;animation:mw-spin 1s linear infinite}@keyframes mw-spin{to{transform:rotate(360deg)}}.mw-skeleton-grid{display:contents}.mw-skeleton-card{background:var(--mw-card-bg);border-radius:var(--mw-radius);padding:var(--mw-space-l);display:flex;flex-direction:column;align-items:center;gap:var(--mw-space-s);min-height:200px}.mw-skeleton-btn,.mw-skeleton-city,.mw-skeleton-icon,.mw-skeleton-rec,.mw-skeleton-temp{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:mw-shimmer 1.5s infinite;border-radius:4px}.mw-skeleton-icon{width:48px;height:48px;border-radius:50%}.mw-skeleton-city{width:80%;height:20px;margin-top:var(--mw-space-xs)}.mw-skeleton-temp{width:60px;height:42px}.mw-skeleton-rec{width:70%;height:14px}.mw-skeleton-btn{width:100px;height:32px;margin-top:auto}@keyframes mw-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.mw-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mw-space-xl);gap:var(--mw-space-m);color:var(--mw-text);grid-column:1/-1;width:100%;min-height:200px;text-align:center}.mw-error-icon{width:48px;height:48px;color:#f59e0b}.mw-error-icon svg{width:100%;height:100%}.mw-error-message{font-size:var(--mw-font-size-l);font-weight:500;color:var(--mw-text)}.mw-error-hint{font-size:var(--mw-font-size-m);opacity:.7;max-width:400px}.mw-error-retry{margin-top:var(--mw-space-s);padding:var(--mw-space-s) var(--mw-space-l);background:var(--mw-accent);color:var(--mw-text);border:none;border-radius:var(--mw-radius);font-size:var(--mw-font-size-m);cursor:pointer;transition:var(--mw-transition)}.mw-error-retry:hover{background:var(--mw-accent-hover)}.mw-weather-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:var(--mw-grid-gap)}.mw-weather-grid.mw-columns-1{grid-template-columns:1fr}.mw-weather-grid.mw-columns-2{grid-template-columns:repeat(2,1fr)}.mw-weather-grid.mw-columns-3{grid-template-columns:repeat(3,1fr)}.mw-weather-grid.mw-columns-4{grid-template-columns:repeat(4,1fr)}.mw-weather-grid.mw-columns-5{grid-template-columns:repeat(5,1fr)}.mw-weather-grid.mw-columns-6{grid-template-columns:repeat(6,1fr)}@media (max-width:768px){.mw-weather-grid.mw-columns-2,.mw-weather-grid.mw-columns-3,.mw-weather-grid.mw-columns-4,.mw-weather-grid.mw-columns-5,.mw-weather-grid.mw-columns-6{grid-template-columns:1fr}}.mw-weather-card{display:flex;background:var(--mw-card-bg);border-radius:var(--mw-radius);padding:var(--mw-space-m);box-shadow:0 12px 30px rgba(0,0,0,.08);transition:var(--mw-transition);flex-direction:column;align-items:center;text-align:center;gap:var(--mw-space-xs);position:relative;scroll-margin-top:calc(var(--nav-height,0px) + 2em)}.mw-weather-card:hover{background:var(--mw-card-bg-hover)}.mw-weather-card:focus{outline:2px solid var(--mw-accent);outline-offset:2px;background:var(--mw-card-bg-hover)}.mw-weather-card:focus-visible{outline:2px solid var(--mw-accent);outline-offset:2px}.mw-weather-card a::after{content:'';position:absolute;inset:0;z-index:10}.mw-weather-card .mw-weather-icon{width:calc(var(--mw-space-xl)*3);height:auto;max-height:calc(var(--mw-space-xl)*3);object-fit:contain;color:var(--mw-icon-color)}.mw-weather-card .mw-weather-icon svg{fill:var(--mw-icon-color);color:var(--mw-icon-color)}.mw-weather-card .mw-weather-icon img,.mw-weather-card img.mw-weather-icon{width:100%;height:100%;max-width:var(--mw-space-xl);max-height:var(--mw-space-xl);object-fit:contain}.mw-weather-city{font-weight:700;font-size:var(--mw-font-size-h4);line-height:1;color:var(--mw-text)}.mw-weather-temp{font-size:42px;font-weight:700;line-height:1;color:var(--mw-text)}.mw-weather-feels-like{font-size:13px;color:var(--mw-text);opacity:.6}.mw-weather-humidity,.mw-weather-wind{font-size:13px;color:var(--mw-text);opacity:.6}.mw-weather-uv{font-size:13px;color:var(--mw-text);display:flex;align-items:center;gap:.25em}.mw-weather-uv .mw-uv-label{opacity:.6}.mw-weather-uv .mw-uv-value{font-weight:700;color:var(--mw-uv-color,#fff)}.mw-weather-uv .mw-uv-level{opacity:.8;color:var(--mw-uv-color,#fff)}.mw-weather-sea-temp{font-size:13px;display:flex;align-items:center;gap:.25em}.mw-weather-sea-temp .mw-sea-icon{font-size:1.1em}.mw-weather-sea-temp .mw-sea-label{opacity:.6}.mw-weather-sea-temp .mw-sea-temp-value,.mw-weather-sea-temp .mw-sea-value{font-weight:600}.mw-weather-sea-temp .mw-sea-temp-label{opacity:.6}.mw-weather-wind-direction{font-size:13px;display:flex;align-items:center;gap:.25em}.mw-weather-wind-direction .mw-wind-dir-label{opacity:.6}.mw-weather-wind-direction .mw-wind-dir-value{font-weight:600}.mw-weather-wind-direction .mw-wind-arrow{display:inline-block;margin-left:4px;font-size:14px;line-height:1;transition:transform .3s ease}.mw-weather-precipitation{font-size:13px;display:flex;align-items:center;gap:.25em}.mw-weather-precipitation .mw-precip-label{opacity:.6}.mw-weather-precipitation .mw-precip-value{font-weight:600}.mw-weather-wave-height{font-size:13px;display:flex;align-items:center;gap:.25em}.mw-weather-wave-height .mw-wave-label{opacity:.6}.mw-weather-wave-height .mw-wave-value{font-weight:600}.mw-weather-rec{font-size:14px;color:var(--mw-text);opacity:.5}.mw-weather-card.mw-best-weather{outline:3px solid var(--mw-accent);outline-offset:-3px;position:relative}.mw-weather-card.mw-best-weather::before{content:attr(data-best-text);font-size:calc(var(--mw-font-size-l) / 2);font-weight:700;color:var(--mw-accent-foreground);position:absolute;top:0;left:0;line-height:1;background:var(--mw-accent);border-top-left-radius:var(--mw-radius);border-bottom-right-radius:var(--mw-radius);padding-block:calc(var(--mw-space-xs)/ 2);padding-inline:var(--mw-space-xs);text-transform:uppercase;z-index:10}.mw-weather-card.mw-highlight{background:var(--mw-card-bg-active)}.mw-map-btn{display:flex;align-items:center;justify-content:center;background:var(--mw-accent);color:var(--mw-accent-foreground);padding:var(--mw-space-xs) var(--mw-space-m);border-radius:50vh;font-size:var(--mw-font-size-m);font-weight:700;text-decoration:none;transition:var(--mw-transition);max-height:40px;border:none;cursor:pointer}.mw-map-btn:hover{background:var(--mw-accent-hover);color:var(--mw-accent-foreground)}.mw-sun-times{display:flex;align-items:center;width:100%;height:100%;background:var(--mw-card-bg);border-radius:calc(var(--mw-radius) + var(--mw-space-xs));gap:var(--mw-space-xs);padding:var(--mw-space-xs)}.mw-sun-times.mw-layout-vertical{flex-direction:column;justify-content:center}.mw-sun-times.mw-layout-horizontal{flex-direction:row;justify-content:space-around}.mw-sun-item{display:flex;align-items:center;border-radius:var(--mw-radius);gap:var(--mw-space-xs);flex-direction:column;justify-content:center;width:100%;height:100%;background:var(--mw-accent);padding:var(--mw-space-xs);color:#fff}.mw-sun-item.mw-sunrise{background:linear-gradient(to top,#fb4723,#fda427)}.mw-sun-item.mw-sunset{background:linear-gradient(to top,#0b486b,#f56217)}.mw-sun-icon .mw-weather-icon,.mw-sun-icon svg{width:calc(var(--mw-space-xl) * 3);color:var(--mw-text);fill:currentColor}.mw-sun-label{font-weight:700;font-size:var(--mw-font-size-h4)}.mw-sun-time{font-size:var(--mw-font-size-l)}.mw-weather-date{display:flex;align-items:center;flex-wrap:wrap;gap:0;color:var(--mw-text)}.mw-date{font-weight:600}.mw-updated{opacity:.7}.mw-map-wrapper{display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.mw-map-wrapper svg{height:auto;width:100%}.mw-map-wrapper .map-region{fill:var(--mw-map-base);transition:var(--mw-transition);cursor:pointer}.mw-map-wrapper .map-region.mw-temp-hot{fill:var(--mw-color-hot)}.mw-map-wrapper .map-region.mw-temp-warm{fill:var(--mw-color-warm)}.mw-map-wrapper .map-region.mw-temp-mild{fill:var(--mw-color-mild)}.mw-map-wrapper .map-region.mw-temp-cool{fill:var(--mw-color-cool)}.mw-map-wrapper .map-region.mw-temp-cold{fill:var(--mw-color-cold)}.mw-map-wrapper .map-region.mw-best-weather{stroke:var(--mw-accent)!important;stroke-width:3px!important}.mw-map-wrapper .map-region:hover{opacity:.7}.mw-map-wrapper .mw-map-labels{pointer-events:none}.mw-map-wrapper .mw-map-city{font-size:12px;fill:var(--mw-map-text);pointer-events:none}.mw-map-wrapper .mw-map-temp{font-size:18px;fill:var(--mw-map-text);opacity:.85;font-weight:700;pointer-events:none}.tippy-box[data-theme~=mw-weather]{background-color:var(--mw-surface-bg);color:var(--mw-text);border-radius:var(--mw-radius);font-size:13px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.tippy-box[data-theme~=mw-weather]>.tippy-arrow::before{border-top-color:var(--mw-surface-bg)}.tippy-box[data-theme~=mw-weather][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--mw-surface-bg)}.tippy-box[data-theme~=mw-weather][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--mw-surface-bg)}.tippy-box[data-theme~=mw-weather][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--mw-surface-bg)}.mw-tooltip{padding:var(--mw-space-xs);min-width:120px}.mw-tooltip strong{display:block;margin-bottom:var(--mw-space-xs);font-size:14px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:var(--mw-space-xs)}.mw-tooltip-row{display:flex;justify-content:space-between;gap:var(--mw-space-s);padding:2px 0}.mw-tooltip-label{opacity:.7}.mw-tooltip-value{font-weight:600;text-transform:capitalize}.mw-map-legend{display:flex;align-items:center;flex-wrap:wrap;column-gap:calc(var(--mw-space-xs)/ 2);justify-content:center;align-self:center;row-gap:calc(var(--mw-space-xs)/ 2)}.mw-weather-map+.mw-map-legend{margin-top:var(--mw-space-m)}.mw-map-legend__item{display:flex;align-items:center;column-gap:calc(var(--mw-space-xs)/ 2);padding-top:calc(var(--mw-space-xs)/ 2);padding-right:var(--mw-space-xs);padding-bottom:calc(var(--mw-space-xs)/ 2);padding-left:calc(var(--mw-space-xs)/ 2);background-color:var(--mw-surface-bg);border-radius:50vh}.mw-map-legend__icon{width:16px;height:16px;border-radius:50vh;flex-shrink:0}.mw-map-legend__text{font-size:12px;color:var(--mw-text);white-space:nowrap;line-height:1}@media (max-width:480px){.mw-weather-temp{font-size:32px}.mw-weather-card .mw-weather-icon{width:calc(var(--mw-space-xl) * .75)}.mw-sun-times.mw-layout-horizontal{flex-direction:column}}.mw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mw-skip-link{position:absolute;top:-40px;left:0;background:var(--mw-accent);color:var(--mw-text);padding:var(--mw-space-s) var(--mw-space-m);z-index:100;text-decoration:none;border-radius:0 0 var(--mw-radius) 0}.mw-skip-link:focus{top:0}.mw-error-retry:focus-visible,.mw-forecast-day:focus-visible,.mw-map-btn:focus-visible,.mw-weather-card:focus-visible{outline:3px solid var(--mw-accent);outline-offset:2px}.mw-map-wrapper .map-region:focus-visible{outline:3px solid var(--mw-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.mw-loading-spinner{animation:none}.mw-skeleton-btn,.mw-skeleton-city,.mw-skeleton-icon,.mw-skeleton-rec,.mw-skeleton-temp{animation:none;background:rgba(255,255,255,.1)}.mw-map-btn,.mw-map-wrapper .map-region,.mw-weather-card{transition:none}}@media (prefers-contrast:high){.mw-weather-card{border:2px solid var(--mw-text)}.mw-weather-rec{opacity:.8}.mw-forecast-day:focus-visible,.mw-weather-card:focus-visible{outline-width:4px}.mw-map-wrapper .map-region{stroke:var(--mw-text);stroke-width:1px}}.mw-forecast-container{width:100%;display:flex;flex-direction:column;gap:var(--mw-grid-gap)}.mw-forecast-grid{display:flex;gap:var(--mw-space-s)}.mw-forecast-horizontal .mw-forecast-grid{flex-direction:row;overflow-x:auto;padding-bottom:var(--mw-space-s);scrollbar-width:thin}.mw-forecast-horizontal .mw-forecast-day{flex:1;min-width:90px}.mw-forecast-vertical .mw-forecast-grid{flex-direction:column}.mw-forecast-vertical .mw-forecast-day{flex-direction:row;justify-content:space-between;padding:var(--mw-space-s) var(--mw-space-m)}.mw-forecast-vertical .mw-forecast-day-name{width:auto;text-align:left}.mw-forecast-vertical .mw-forecast-temps{flex-direction:row}.mw-forecast-compact .mw-forecast-grid{flex-wrap:wrap;justify-content:center}.mw-forecast-compact .mw-forecast-day{min-width:70px;padding:var(--mw-space-s)}.mw-forecast-compact .mw-forecast-icon{width:28px;height:28px}.mw-forecast-day{background:var(--mw-card-bg);border-radius:var(--mw-radius);padding:var(--mw-space-m);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(50px,1fr);align-items:center;padding:var(--mw-space-s) var(--mw-space-m);justify-content:space-between;justify-items:center;gap:var(--mw-space-xs);text-align:center;transition:var(--mw-transition);line-height:1.2}@media (max-width:991px){.mw-forecast-day{padding:calc(var(--mw-space-s)/ 2) calc(var(--mw-space-m)/ 2)!important;gap:calc(var(--mw-space-xs)/ 2)!important}.mw-forecast-day-name{font-size:11px!important;letter-spacing:0!important}.mw-forecast-temp-max{font-size:13px!important}}.mw-forecast-day:hover{background:var(--mw-card-bg-hover)}.mw-forecast-today{background:var(--mw-accent);color:var(--mw-accent-foreground)}.mw-forecast-today:hover{background:var(--mw-accent-hover);color:var(--mw-accent-foreground)}.mw-forecast-day-name{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mw-forecast-icon{width:36px;height:36px}.mw-forecast-icon img,.mw-forecast-icon svg{width:100%;height:100%;object-fit:contain}.mw-forecast-temps{display:flex;flex-direction:column;gap:2px}.mw-forecast-temp-max{font-size:16px;font-weight:700}.mw-forecast-temp-sep{font-size:14px;opacity:.4}.mw-forecast-temp-min{font-size:13px;opacity:.6}.mw-forecast-condition{font-size:11px;opacity:.7;text-transform:capitalize}.mw-forecast-date{font-size:11px;opacity:.5}.mw-forecast-precip,.mw-forecast-wind{display:flex;align-items:center;gap:4px;font-size:12px;opacity:.7}.mw-precip-icon,.mw-wind-icon{font-size:10px}.mw-forecast-location{font-size:var(--mw-font-size-h4);font-weight:700;color:var(--mw-text);text-align:center;order:-1}.mw-forecast-skeleton{display:flex;gap:var(--mw-space-s)}.mw-forecast-day-skeleton{flex:1;min-width:90px;background:var(--mw-card-bg);border-radius:var(--mw-radius);padding:var(--mw-space-m);display:flex;flex-direction:column;align-items:center;gap:var(--mw-space-s)}.mw-forecast-day-skeleton .mw-skeleton-day{width:40px;height:14px;background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:mw-shimmer 1.5s infinite;border-radius:4px}.mw-forecast-day-skeleton .mw-skeleton-icon{width:36px;height:36px;background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:mw-shimmer 1.5s infinite;border-radius:50%}.mw-forecast-day-skeleton .mw-skeleton-temps{width:50px;height:32px;background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:mw-shimmer 1.5s infinite;border-radius:4px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mw-compare-container{width:100%;margin:0 auto;transition:var(--mw-transition)}.mw-compare-header{font-size:var(--mw-font-size-h4);font-weight:700;color:var(--mw-text);margin:0 0 var(--mw-space-m) 0;text-align:center;letter-spacing:.5px}.mw-compare-table{display:flex;flex-direction:column;gap:var(--mw-space-xs);width:100%}.mw-compare-row{display:flex;align-items:center;gap:var(--mw-space-s);padding:var(--mw-space-m);background:rgba(255,255,255,.03);border-radius:calc(var(--mw-radius)/ 2);transition:var(--mw-transition);min-height:48px}.mw-compare-row:hover{background:rgba(255,255,255,.06);transform:translateX(4px)}.mw-compare-row:nth-child(2n){background:rgba(255,255,255,.05)}.mw-compare-row:nth-child(2n):hover{background:rgba(255,255,255,.08)}.mw-compare-metric{flex:0 0 140px;font-weight:600;color:var(--mw-text);opacity:.9;font-size:var(--mw-font-size-m);text-align:left}.mw-compare-value{flex:1;text-align:center;color:var(--mw-text);font-size:var(--mw-font-size-l);font-weight:500;padding:var(--mw-space-xs);border-radius:calc(var(--mw-radius)/ 3);transition:var(--mw-transition);position:relative}.mw-compare-value:hover{background:rgba(255,255,255,.05)}.mw-compare-best{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,215,0,.08));color:gold;font-weight:700;position:relative;border:1px solid rgba(255,215,0,.3)}.mw-compare-best::after{content:'★';position:absolute;top:2px;right:4px;font-size:10px;color:gold;opacity:.8}.mw-compare-table .mw-compare-row:first-child{position:sticky;top:0;background:var(--mw-accent);color:var(--mw-accent-foreground);z-index:10;border-radius:var(--mw-radius);margin-bottom:var(--mw-space-s)}.mw-compare-table .mw-compare-row:first-child .mw-compare-metric,.mw-compare-table .mw-compare-row:first-child .mw-compare-value{color:var(--mw-accent-foreground);font-weight:700;opacity:1}.mw-compare-table .mw-compare-row:first-child:hover{transform:none;background:var(--mw-accent)}.mw-compare-bars{display:flex;flex-direction:column;gap:var(--mw-space-l);width:100%}.mw-compare-metric-group{display:flex;flex-direction:column;gap:var(--mw-space-s);padding:var(--mw-space-m);background:var(--mw-card-bg);border-radius:var(--mw-radius)}.mw-compare-metric-title{margin:0 0 var(--mw-space-xs) 0;font-size:var(--mw-font-size-m);font-weight:600;color:var(--mw-text);opacity:.9}.mw-compare-bar-wrapper{display:flex;flex-direction:column;gap:4px}.mw-compare-bar-row{display:flex;flex-direction:column;gap:var(--mw-space-xs);width:100%}.mw-compare-bar-label{font-size:13px;font-weight:500;color:var(--mw-text);opacity:.85;margin-bottom:2px}.mw-compare-bar-label .mw-bar-value{font-weight:700;opacity:.9}.mw-compare-bar-container{position:relative;width:100%;height:28px;background:rgba(255,255,255,.5);border-radius:calc(var(--mw-radius)/ 2);overflow:hidden}.mw-compare-bar{height:100%;background:linear-gradient(90deg,var(--mw-accent),var(--mw-accent-hover));border-radius:calc(var(--mw-radius)/ 2);display:flex;align-items:center;justify-content:flex-end;animation:growBar .6s ease-out forwards;position:relative;transition:filter .2s ease;min-width:60px}@keyframes growBar{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.mw-compare-bar:hover{filter:brightness(1.15)}.mw-compare-bar.mw-compare-best{background:linear-gradient(90deg,gold,#ffed4a);box-shadow:0 0 12px rgba(255,215,0,.4)}.mw-compare-bar-value{font-size:12px;font-weight:700;color:var(--mw-accent-foreground);text-shadow:0 1px 2px rgba(255,255,255,.3);white-space:nowrap;padding:0 var(--mw-space-xs)}.mw-compare-bar .mw-compare-best-indicator{font-size:11px;margin-left:2px}.mw-compare-bar-indicator{position:absolute;right:var(--mw-space-s);font-size:12px;font-weight:700;color:var(--mw-accent-foreground);text-shadow:0 1px 2px rgba(0,0,0,.3)}.mw-compare-bar.mw-bar-hot{background:linear-gradient(90deg,var(--mw-color-hot),#ffab40)}.mw-compare-bar.mw-bar-warm{background:linear-gradient(90deg,var(--mw-color-warm),#ffee58)}.mw-compare-bar.mw-bar-mild{background:linear-gradient(90deg,var(--mw-color-mild),#aed581)}.mw-compare-bar.mw-bar-cool{background:linear-gradient(90deg,var(--mw-color-cool),#81d4fa)}.mw-compare-bar.mw-bar-cold{background:linear-gradient(90deg,var(--mw-color-cold),#64b5f6)}@media (max-width:1024px){.mw-compare-container{padding:var(--mw-space-m)}.mw-compare-metric{flex:0 0 120px;font-size:calc(var(--mw-font-size-m) * .95)}.mw-compare-value{font-size:var(--mw-font-size-m)}.mw-compare-table{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--mw-accent) var(--mw-card-bg-active)}.mw-compare-table::-webkit-scrollbar{height:8px}.mw-compare-table::-webkit-scrollbar-track{background:var(--mw-card-bg-active);border-radius:4px}.mw-compare-table::-webkit-scrollbar-thumb{background:var(--mw-accent);border-radius:4px}}@media (max-width:768px){.mw-compare-container{padding:var(--mw-space-s);border-radius:calc(var(--mw-radius) * .8)}.mw-compare-header{font-size:calc(var(--mw-font-size-h4) * .9);margin-bottom:var(--mw-space-s)}.mw-compare-row{flex-direction:column;align-items:flex-start;gap:var(--mw-space-xs);padding:var(--mw-space-s)}.mw-compare-metric{flex:none;width:100%;text-align:left;font-size:calc(var(--mw-font-size-m) * .95);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--mw-space-xs);margin-bottom:var(--mw-space-xs)}.mw-compare-value{width:100%;text-align:left;font-size:var(--mw-font-size-m);padding:calc(var(--mw-space-xs) * .75)}.mw-compare-best::after{top:4px;right:8px}.mw-compare-bar-label{font-size:calc(var(--mw-font-size-m) * .95)}.mw-compare-bar-container{height:28px}.mw-compare-bar-indicator{font-size:11px;right:calc(var(--mw-space-s) * .75)}}@media (max-width:480px){.mw-compare-container{padding:calc(var(--mw-space-s) * .75)}.mw-compare-header{font-size:calc(var(--mw-font-size-h4) * .85)}.mw-compare-value{font-size:calc(var(--mw-font-size-m) * .95);padding:calc(var(--mw-space-xs) * .5)}.mw-compare-bar-container{height:24px}.mw-compare-bar-label{flex-direction:column;align-items:flex-start;gap:2px}}.mw-compare-row:focus-within{outline:2px solid var(--mw-accent);outline-offset:2px;background:rgba(255,255,255,.08)}.mw-compare-value:focus{outline:2px solid var(--mw-accent);outline-offset:1px;background:rgba(255,255,255,.1)}.mw-compare-bar:focus{outline:3px solid var(--mw-accent);outline-offset:-3px}@media (prefers-contrast:high){.mw-compare-container{border:2px solid var(--mw-text)}.mw-compare-row{border-bottom:1px solid rgba(255,255,255,.3)}.mw-compare-best{border-width:2px}.mw-compare-bar-container{border:1px solid rgba(255,255,255,.5)}}@media (prefers-reduced-motion:reduce){.mw-compare-bar{animation:none}.mw-compare-bar:hover,.mw-compare-row,.mw-compare-value{transition:none;transform:none}.mw-compare-container{transition:none}}@media print{.mw-compare-container{background:#fff;color:#000;box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.mw-compare-header{color:#000}.mw-compare-row{background:#f5f5f5;border-bottom:1px solid #ddd}.mw-compare-row:nth-child(2n){background:#e8e8e8}.mw-compare-metric,.mw-compare-value{color:#000}.mw-compare-best{background:#fffacd;border:2px solid gold;color:#000}.mw-compare-bar{background:#666;print-color-adjust:exact;-webkit-print-color-adjust:exact}.mw-compare-bar.mw-compare-best{background:gold}}@media (hover:none) and (pointer:coarse){.mw-compare-bar,.mw-compare-row,.mw-compare-value{min-height:44px}.mw-compare-bar-container{height:36px}.mw-compare-value{padding:var(--mw-space-s)}.mw-compare-bar:hover,.mw-compare-row:hover,.mw-compare-value:hover{transform:none;filter:none}.mw-compare-row:active{background:rgba(255,255,255,.1)}.mw-compare-value:active{background:rgba(255,255,255,.15)}.mw-compare-bar:active{filter:brightness(1.15)}}.mw-compare-container.mw-compact{padding:var(--mw-space-s)}.mw-compare-container.mw-compact .mw-compare-header{font-size:calc(var(--mw-font-size-h4) * .9);margin-bottom:var(--mw-space-s)}.mw-compare-container.mw-compact .mw-compare-row{padding:var(--mw-space-s);min-height:40px}.mw-compare-container.mw-compact .mw-compare-metric{flex:0 0 100px;font-size:calc(var(--mw-font-size-m) * .9)}.mw-compare-container.mw-compact .mw-compare-value{font-size:var(--mw-font-size-m)}.mw-compare-container.mw-large{padding:var(--mw-space-xl)}.mw-compare-container.mw-large .mw-compare-header{font-size:calc(var(--mw-font-size-h4) * 1.2);margin-bottom:var(--mw-space-l)}.mw-compare-container.mw-large .mw-compare-row{padding:var(--mw-space-l);min-height:56px}.mw-compare-container.mw-large .mw-compare-metric{flex:0 0 160px;font-size:calc(var(--mw-font-size-m) * 1.1)}.mw-compare-container.mw-large .mw-compare-value{font-size:calc(var(--mw-font-size-l) * 1.1)}.mw-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--mw-space-m);width:100%}.mw-compare-grid .mw-compare-item{background:rgba(255,255,255,.03);border-radius:var(--mw-radius);padding:var(--mw-space-m);transition:var(--mw-transition)}.mw-compare-grid .mw-compare-item:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}.mw-compare-grid .mw-compare-item-title{font-weight:600;color:var(--mw-text);margin-bottom:var(--mw-space-xs);opacity:.9}.mw-compare-grid .mw-compare-item-value{font-size:calc(var(--mw-font-size-l) * 1.5);font-weight:700;color:var(--mw-text)}.mw-compare-grid .mw-compare-item.mw-best-item{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,215,0,.08));border:1px solid rgba(255,215,0,.3)}.mw-compare-grid .mw-compare-item.mw-best-item .mw-compare-item-value{color:gold}.mw-compare-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mw-space-xl);gap:var(--mw-space-m);color:var(--mw-text);opacity:.7;min-height:200px}.mw-compare-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--mw-accent);border-radius:50%;animation:mw-spin 1s linear infinite}.mw-compare-empty{text-align:center;padding:var(--mw-space-xl);color:var(--mw-text);opacity:.7}.mw-compare-empty-icon{font-size:48px;margin-bottom:var(--mw-space-m);opacity:.5}.mw-compare-empty-text{font-size:var(--mw-font-size-m)}