/* Weather uses a restrained purple glass surface with a readable 14/16/20/26 scale. */
#wxDialog{--wg-ink:#493451;--wg-muted:#6f567d;--wg-line:#ffffffb3;box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-height:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;overscroll-behavior:contain;color:var(--wg-ink);font:400 16px/1.5 Manrope,HeiGoAI,HeiGoCJK,sans-serif;background:radial-gradient(ellipse at 90% 0%,#d7c5e4 0,transparent 45%),radial-gradient(ellipse at 0% 35%,#e8ddeb 0,transparent 50%),linear-gradient(170deg,#f4eef8,#eee5f5 42%,#f9f5fb 82%);isolation:isolate}
#wxDialog[open]{display:flex;flex-direction:column}#wxDialog::backdrop{background:#2e193949;backdrop-filter:blur(8px)}
#wxDialog:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 10%,#fff8 0,transparent 45%)}
#wxDialog *{box-sizing:border-box}#wxDialog button,#wxDialog select{font:inherit;-webkit-tap-highlight-color:transparent}#wxDialog button:focus-visible,#wxDialog select:focus-visible,#wxDialog summary:focus-visible,#wxDialog a:focus-visible{outline:3px solid #85629f;outline-offset:3px}
#wxDialog>header{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:max(12px,env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid #ffffff80;background:#f4edf6c9;backdrop-filter:blur(22px) saturate(120%);flex:none;z-index:2}
#wxDialog #wxTitle{font-family:inherit;font-size:20px;line-height:1.35;font-weight:650;letter-spacing:-.3px;color:#584065;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}
#wxDialog .journey-close{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:1px solid #fffc;border-radius:50%;background:#ffffff85;box-shadow:inset 0 1px #fffd;color:#745489}
#wxDialog .journey-close svg{width:22px;height:22px;stroke-width:1.7}
#wxDialog .wx-body{position:relative;flex:1;min-height:0;padding:20px 20px max(32px,env(safe-area-inset-bottom));overflow:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:transparent}
#wxDialog .wx-body::-webkit-scrollbar,#wxDialog .wx-hourly-scroll::-webkit-scrollbar{display:none}
#wxDialog .wx-controls{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px 12px;margin:0 0 12px}
#wxDialog .wx-controls label{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--wg-muted);font-size:14px;font-weight:500}
#wxDialog .wx-controls select{width:100%;min-width:0;min-height:48px;border:1px solid #ffffffc9;border-radius:16px;background:#ffffff85;padding:10px 12px;color:#584065;font-size:16px;box-shadow:inset 0 1px #fff9;text-overflow:ellipsis}
#wxDialog .wx-refresh{display:grid;place-items:center;width:44px;height:48px;border:1px solid #fffb;border-radius:16px;background:#ffffff85;color:#78598c;cursor:pointer;padding:0}
#wxDialog .wx-refresh>span{display:none}#wxDialog .wx-refresh svg{width:20px;height:20px;stroke-width:1.7}#wxDialog .wx-refresh:disabled{cursor:wait;opacity:.6}
#wxDialog .wx-unit-label{grid-column:1/-1;font-size:14px;line-height:1.5;color:var(--wg-muted);padding:0;white-space:normal}
#wxDialog .wx-summary{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 88px auto;column-gap:6px;text-align:center;padding:12px 0 24px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;min-height:0}
#wxDialog .wx-summary>h2{grid-column:1/-1;grid-row:1;margin:0 0 20px;font-size:30px;line-height:1.35;font-weight:500;letter-spacing:-.7px;color:#5f436e;overflow-wrap:anywhere}
#wxDialog .wx-hero-icon{grid-column:2;grid-row:2/4;width:min(146px,100%);height:128px;justify-self:start;align-self:center;filter:none}
#wxDialog .wx-temperature{grid-column:1;grid-row:2;display:flex;align-items:flex-start;justify-content:flex-end;gap:3px;align-self:end;margin:0;padding:0;font-size:0;line-height:1;color:#60426f;white-space:nowrap;font-variant-numeric:tabular-nums}
#wxDialog .wx-temperature-number{font-size:75px;font-weight:350;letter-spacing:-5px;line-height:1.08}
#wxDialog .wx-temperature-unit{font-size:23px;font-weight:400;letter-spacing:-1px;line-height:1;padding-top:12px}
#wxDialog .wx-condition{grid-column:1;grid-row:3;margin:6px 0 0;text-align:right;font-size:18px;line-height:1.5;font-weight:500;color:#705080;padding-right:8px;overflow-wrap:anywhere}
#wxDialog .wx-feels{grid-column:1/-1;margin:16px 0 0;font-size:16px;line-height:1.6;font-weight:500;color:var(--wg-muted)}
#wxDialog .wx-high-low{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;margin:6px 0 0;font-size:16px;font-weight:500;color:var(--wg-muted);line-height:1.5}
#wxDialog .wx-freshness{grid-column:1/-1;justify-self:center;display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:8px 12px;background:#ffffff85;border:1px solid #ffffffc9;border-radius:18px;font-size:14px;font-weight:500;line-height:1.5;color:var(--wg-muted);max-width:100%;text-align:left;box-shadow:inset 0 1px #ffffff80}
#wxDialog .wx-status-dot{display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#85629f}
#wxDialog .wx-datatime{grid-column:1/-1;font-size:14px;line-height:1.6;color:var(--wg-muted);margin:8px 0 0;font-variant-numeric:tabular-nums}
#wxDialog[data-state=cached] .wx-freshness{background:#fff5e9b3;color:#805237;border-color:#ffffffb3}
#wxDialog .wx-glass-card{position:relative;border:1px solid #ffffffc9;border-radius:24px;background:#ffffff70;backdrop-filter:blur(20px) saturate(115%);box-shadow:inset 0 1px 0 #ffffffb3,0 8px 24px #66457505;overflow:hidden;min-width:0}
#wxDialog .wx-section-title{display:flex;align-items:flex-start;gap:8px;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.3px;color:#654774;margin:0 0 16px;overflow-wrap:anywhere}
#wxDialog .wx-section-title svg{width:20px;height:20px;margin-top:3px;stroke-width:1.6;flex:none}
#wxDialog .wx-guide-card{padding:20px;margin:0 0 16px}#wxDialog .wx-guide-list{padding-left:20px;margin:0;display:grid;gap:10px}#wxDialog .wx-guide-list li,#wxDialog .wx-guide-card>p{font-size:16px;line-height:1.65;color:#61476f;margin:0;overflow-wrap:anywhere}#wxDialog .wx-guide-card .wx-guide-note{font-size:14px;line-height:1.6;color:var(--wg-muted);margin-top:14px}
#wxDialog .wx-hourly-card{padding:20px 0 18px;margin:0 0 16px}#wxDialog .wx-hourly-card .wx-section-title{padding-inline:20px;margin-bottom:0}
#wxDialog .wx-hourly-scroll{width:100%;overflow:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#wxDialog .wx-trend-chart{display:block;height:84px;min-width:100%;max-width:none;margin:0 0 4px}
#wxDialog .wx-hours{display:flex;align-items:stretch;gap:0;overflow:visible;padding:0;min-width:100%;margin:0;background:none;border:0}
#wxDialog .wx-hour{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 88px;min-width:88px;min-height:0;height:auto;padding:0 0 2px;background:none;border:0;box-shadow:none;color:#61476f;font-size:16px}
#wxDialog .wx-hour time{font-size:16px;line-height:1.5;color:var(--wg-muted);font-weight:500;font-variant-numeric:tabular-nums}
#wxDialog .wx-hour>.wx-art{width:48px;height:42px;flex:none;overflow:visible}
#wxDialog .wx-hour>strong{font-size:18px;font-weight:650;letter-spacing:-.3px;line-height:1.5;color:#60426f}
#wxDialog .wx-hour-rain{display:flex;gap:4px;align-items:center;color:var(--wg-muted);font-size:14px;line-height:1.5}
#wxDialog .wx-hour-rain svg{width:14px;height:14px;stroke-width:1.6}
#wxDialog .wx-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
#wxDialog .wx-metric{padding:18px 16px;min-height:164px;margin:0}
#wxDialog .wx-metric-top{display:flex;flex-direction:row;align-items:flex-start;gap:7px;color:var(--wg-muted);font-size:14px;line-height:1.5;font-weight:500;margin:0 0 14px;overflow-wrap:anywhere}
#wxDialog .wx-metric-top svg{width:18px;height:18px;stroke-width:1.6;flex:none;margin-top:2px}
#wxDialog .wx-metric>strong{display:block;max-width:100%;font-size:26px;letter-spacing:-.6px;font-weight:500;line-height:1.35;white-space:normal;overflow-wrap:anywhere;color:#60426f;margin:0}
#wxDialog .wx-metric>p{font-size:14px;color:var(--wg-muted);line-height:1.6;margin:8px 0 0;max-width:100%;overflow-wrap:anywhere}
#wxDialog .wx-mini-ring{display:none}
#wxDialog .wx-days-card{padding:20px 16px 8px;margin:0 0 16px}#wxDialog .wx-days-card .wx-section-title{margin-bottom:8px}
#wxDialog .wx-forecast{display:block;margin:0;padding:0;background:none;border:0}
#wxDialog .wx-forecast-row{display:grid;grid-template-columns:56px 40px minmax(0,1fr);gap:8px;align-items:center;min-height:112px;border-top:1px solid #ffffffb3;border-bottom:0;color:var(--wg-muted);font-size:16px;padding:14px 0;background:none}
#wxDialog .wx-forecast-row:first-child{border-top:0}#wxDialog .wx-forecast-row>time{display:flex;flex-direction:column;gap:2px;font-size:16px;line-height:1.5}#wxDialog .wx-forecast-row>time>strong{font-size:16px;font-weight:600;color:#60426f}#wxDialog .wx-forecast-row>time>small{font-size:14px;font-weight:400;color:var(--wg-muted)}
#wxDialog .wx-day-icon{width:40px;height:36px;overflow:visible}#wxDialog .wx-day-detail{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}#wxDialog .wx-day-condition{font-size:16px;color:#60426f}#wxDialog .wx-day-rain{text-align:left;font-size:14px;color:var(--wg-muted);font-variant-numeric:tabular-nums}
#wxDialog .wx-range{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0}#wxDialog .wx-range small,#wxDialog .wx-range strong{font-size:14px;line-height:1.5;font-weight:500;white-space:nowrap;letter-spacing:0;min-width:0;color:var(--wg-muted)}#wxDialog .wx-range strong{font-weight:650;text-align:right;color:#60426f}
#wxDialog .wx-range-track{position:relative;display:block;flex:1;min-width:16px;height:6px;border-radius:99px;background:#d4c3df66;overflow:hidden}#wxDialog .wx-range-fill{position:absolute;top:0;bottom:0;max-width:100%;min-width:3px;border-radius:99px;background:linear-gradient(90deg,#b89bca,#9472aa 55%,#b697a7)}
#wxDialog .wx-daylight{padding:20px;margin:0 0 16px}#wxDialog .wx-daylight .wx-section-title{margin-bottom:4px}#wxDialog .wx-solar-chart{display:block;width:100%;height:90px;margin:0}
#wxDialog .wx-sun-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0}#wxDialog .wx-sun-times>div{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:6px;row-gap:5px;align-items:center;color:var(--wg-muted)}#wxDialog .wx-sun-times svg{width:18px;height:18px;stroke-width:1.6}#wxDialog .wx-sun-times span{font-size:16px;font-weight:500;overflow-wrap:anywhere}#wxDialog .wx-sun-times strong{grid-column:1/-1;font-size:26px;line-height:1.4;font-weight:500;color:#60426f;letter-spacing:-.5px}
#wxDialog .wx-uv-card{padding:20px;margin:0 0 16px}#wxDialog .wx-uv-card .wx-section-title{margin-bottom:10px}#wxDialog .wx-uv-row{display:flex;gap:16px;align-items:center}#wxDialog .wx-uv-row>strong{font-size:30px;font-weight:500;color:#60426f;letter-spacing:-.7px}#wxDialog .wx-uv-row>span{font-size:16px;color:var(--wg-muted);overflow-wrap:anywhere}
#wxDialog .wx-uv-scale{height:6px;position:relative;border-radius:999px;background:linear-gradient(90deg,#b6bf99,#d6bd88,#c590ac,#9d7db2);margin:18px 0 6px}#wxDialog .wx-uv-scale>i{position:absolute;top:-4px;width:6px;height:14px;border:1px solid #fff;border-radius:999px;background:#654477;transform:translateX(-50%)}
#wxDialog .wx-pack-card{padding:20px;margin:0 0 16px}#wxDialog .wx-pack-main{display:flex;align-items:center;gap:16px}#wxDialog .wx-pack-photo{display:block;flex:none;width:88px;height:112px;object-fit:contain;mix-blend-mode:multiply;border-radius:16px}#wxDialog .wx-pack-copy{flex:1;min-width:0}#wxDialog .wx-pack-copy p{font-size:16px;line-height:1.65;color:#61476f;margin:0;overflow-wrap:anywhere}
#wxDialog .wx-outfit-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:1px solid #ffffffc9;border-radius:18px;background:#a489bd38;color:#634278;font-size:16px;font-weight:650;box-shadow:inset 0 1px #ffffff90;padding:12px 16px;margin-top:18px;cursor:pointer}#wxDialog .wx-outfit-action svg{width:20px;height:20px;stroke-width:1.6;flex:none}#wxDialog .wx-outfit-note{font-size:14px;color:var(--wg-muted);line-height:1.65;margin:12px 0 0;text-align:left;overflow-wrap:anywhere}
#wxDialog .wx-sources{padding:0 16px;margin:0;border-radius:20px}#wxDialog .wx-sources summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:16px;line-height:1.5;font-weight:550;color:#654774;min-height:56px;padding-block:12px;cursor:pointer}#wxDialog .wx-sources summary::-webkit-details-marker{display:none}#wxDialog .wx-sources summary svg{width:20px;height:20px;stroke-width:1.6;flex:none}#wxDialog .wx-sources summary svg:last-child{margin-left:auto}#wxDialog .wx-sources[open] summary svg:last-child{transform:rotate(180deg)}#wxDialog .wx-sources>p{font-size:14px;line-height:1.7;color:var(--wg-muted);margin:0 0 12px;overflow-wrap:anywhere}#wxDialog .wx-source{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.6;color:#66427e;margin:0 0 12px;text-underline-offset:3px}
#wxDialog .wx-empty{font-size:16px;line-height:1.65;color:var(--wg-muted);margin:16px;padding:0;width:auto;border:0;background:none}#wxDialog .wx-unavailable{display:flex;gap:12px;align-items:flex-start;border:1px solid #ffffffb3;background:#ffffff70;border-radius:18px;padding:16px;margin:0 0 16px}#wxDialog .wx-unavailable>svg{flex:none;width:20px;height:20px;color:#78598c;margin-top:3px}#wxDialog .wx-unavailable>p{font-size:16px;line-height:1.65;color:var(--wg-muted);margin:0}
/* Compact home entry keeps the existing mount order and proportions. */
#wxHome .wx-entry-icon>.wx-art{width:42px;height:37px;overflow:visible}#wxHome .wx-entry-value{font-size:18px!important;letter-spacing:-.4px}#wxHome .wx-entry-text strong{font-size:16px!important;line-height:1.4}#wxHome .wx-entry-text>span{font-size:14px!important;line-height:1.5;color:#6f567d}#wxExplore .wx-entry-icon>.wx-art{width:46px;height:40px;overflow:visible}#wxExplore .wx-entry-text>span{font-size:14px;overflow-wrap:anywhere}
@media(min-width:701px){#wxDialog{width:600px;left:50%;right:auto;transform:translateX(-50%);box-shadow:0 0 90px #32203f24}#wxDialog .wx-body{padding-inline:28px}#wxDialog>header{padding-inline:28px}#wxDialog .wx-summary{grid-template-rows:auto 108px auto;padding-top:20px;padding-bottom:32px}#wxDialog .wx-temperature-number{font-size:94px}#wxDialog .wx-temperature-unit{font-size:28px;padding-top:15px}#wxDialog .wx-hero-icon{width:180px;height:155px}#wxDialog .wx-summary>h2{font-size:34px}#wxDialog .wx-metrics{gap:16px}#wxDialog .wx-metric{padding:20px}#wxDialog .wx-forecast-row{grid-template-columns:72px 48px minmax(0,1fr)}#wxDialog .wx-range small,#wxDialog .wx-range strong{font-size:16px}}
@media(max-width:350px){#wxDialog .wx-body{padding-inline:14px}#wxDialog>header{padding-inline:14px;gap:10px}#wxDialog .wx-summary>h2{font-size:28px}#wxDialog .wx-temperature-number{font-size:64px;letter-spacing:-4px}#wxDialog .wx-temperature-unit{font-size:21px}#wxDialog .wx-hero-icon{width:128px;height:115px}#wxDialog .wx-metrics{gap:10px}#wxDialog .wx-metric{padding:16px 12px}#wxDialog .wx-section-title{font-size:20px}#wxDialog .wx-guide-card,#wxDialog .wx-daylight,#wxDialog .wx-uv-card,#wxDialog .wx-pack-card{padding:18px 16px}#wxDialog .wx-pack-main{align-items:flex-start;gap:10px}#wxDialog .wx-pack-photo{width:66px;height:96px}#wxHome .wx-entry-value{font-size:16px!important}}
@supports not (backdrop-filter:blur(1px)){#wxDialog .wx-glass-card{background:#f6f0fa}#wxDialog>header{background:#f2eaf7}}
@media(prefers-reduced-transparency:reduce){#wxDialog .wx-glass-card,#wxDialog>header{backdrop-filter:none;background:#f5eef9}#wxDialog::backdrop{backdrop-filter:none}}
@media(prefers-reduced-motion:no-preference){#wxDialog[open] .wx-summary{animation:wx-glass-arrive .42s cubic-bezier(.2,.8,.2,1) both}#wxDialog[open] .wx-hero-icon .wx-art-cloud{animation:wx-cloud-drift 7s ease-in-out infinite alternate}#wxDialog[data-weather=snow][open] .wx-hero-icon .wx-art-flakes,#wxDialog[data-weather=rain][open] .wx-hero-icon .wx-art-rain{animation:wx-weather-drift 3.4s ease-in-out infinite alternate}#wxDialog[data-state=loading] .wx-refresh svg{animation:wx-refresh-spin 1.2s linear infinite}#wxDialog .wx-outfit-action,#wxDialog .wx-refresh{transition:transform .2s,background .2s}#wxDialog .wx-outfit-action:active,#wxDialog .wx-refresh:active{transform:scale(.97)}}
@media(prefers-reduced-motion:reduce){#wxDialog *,#wxDialog *::before,#wxDialog *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes wx-glass-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes wx-cloud-drift{from{transform:translateX(-1px)}to{transform:translateX(2px)}}@keyframes wx-weather-drift{from{opacity:.65;transform:translateY(-1px)}to{opacity:1;transform:translateY(2px)}}@keyframes wx-refresh-spin{to{transform:rotate(360deg)}}
body[data-view] #wxDialog[data-weather-glass]{background:radial-gradient(ellipse at 90% 0%,#d7c5e4 0,transparent 45%),radial-gradient(ellipse at 0% 35%,#e8ddeb 0,transparent 50%),linear-gradient(170deg,#f4eef8,#eee5f5 42%,#f9f5fb 82%)}