/* Luke Meteo v4 — clarity-first interface */
:root{
  --bg:#06121d;--panel:#0d1b27;--panel2:#102232;--card:#0b1823;
  --text:#f7fbff;--muted:#91a4b5;--border:rgba(255,255,255,.075);
  --blue:#69baf8;--green:#69d8a0;--yellow:#f1d268;--orange:#f6a55d;
  --red:#ff7278;--shadow:0 12px 34px rgba(0,0,0,.18);
  --lm-visual-top:0px;--lm-shell-top-gap:20px;
}
html{background:var(--bg)}
body.clarity-v4{background:#06121d}
body.clarity-v4 .app{gap:11px;padding:10px 14px 16px}
body.clarity-v4 .header{background:#081621;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;transform:none;border-color:rgba(255,255,255,.055);box-shadow:none;border-radius:20px;padding-inline:17px}
body.clarity-v4 .header:before{display:none}
body.clarity-v4 .brand{font-size:1.24rem;font-weight:880;letter-spacing:-.025em}
body.clarity-v4 .brand small{font-size:.62rem;color:#8299aa;font-weight:650}
body.clarity-v4 .location-select,body.clarity-v4 .round-btn{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}
body.clarity-v4 .location-select{font-weight:780}
body.clarity-v4 .nav{background:rgba(8,22,33,.72);border-color:rgba(255,255,255,.055);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.clarity-v4 .nav-btn{font-size:.72rem;font-weight:790;color:#8ea4b5}
body.clarity-v4 .nav-btn.active{background:rgba(105,186,248,.13);box-shadow:none;color:#eaf6ff}
body.clarity-v4 .panel{background:rgba(12,27,39,.82);border-color:rgba(255,255,255,.065);box-shadow:0 8px 24px rgba(0,0,0,.12)}
body.clarity-v4 .section-title{font-size:.76rem;text-transform:none;letter-spacing:0;color:#c7d7e3;font-weight:850}
body.clarity-v4 .forecast-section-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px}
body.clarity-v4 .forecast-section-title>span:first-child{font-size:.82rem;color:#f1f6fa;font-weight:880}
body.clarity-v4 #forecast-run-label{display:block;font-size:.66rem;line-height:1.25;color:#8fa4b5;font-weight:700;letter-spacing:0}
body.clarity-v4 .badge{background:rgba(105,186,248,.10);color:#9fd7ff;border:1px solid rgba(105,186,248,.10)}
.clarity-hero{position:relative;overflow:hidden;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1.35fr) auto;gap:18px;align-items:center;border-radius:24px!important;background:linear-gradient(135deg,rgba(21,62,90,.76),rgba(12,28,41,.90))!important}
.clarity-hero:after{content:none!important;display:none!important}
.clarity-hero-main{display:flex;align-items:center;gap:18px;min-width:0;position:relative;z-index:1}
.clarity-hero-icon{font-size:4.25rem;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.clarity-hero-copy{min-width:0}.clarity-eyebrow{font-size:.66rem;color:#9bc9e8;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
.clarity-temp-row{display:flex;align-items:flex-end;gap:12px;margin-top:2px;min-width:0;flex-wrap:wrap}.clarity-temp{font-size:3.5rem;line-height:.98;font-weight:890;letter-spacing:-.065em;flex:0 0 auto}.clarity-condition{font-size:1.03rem;font-weight:820;padding-bottom:6px;color:#e0edf6;line-height:1.18;white-space:normal;min-width:0;flex:1 1 170px;overflow-wrap:normal;word-break:normal}
.clarity-headline{font-size:.86rem;line-height:1.45;color:#c9d8e3;margin-top:8px;max-width:760px}
.clarity-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;position:relative;z-index:1}
.clarity-stat{padding:11px 12px;border-radius:15px;background:rgba(4,16,26,.30);border:1px solid rgba(255,255,255,.065);min-width:0}.clarity-stat span{display:block;color:#8ea5b6;font-size:.62rem}.clarity-stat strong{display:block;margin-top:4px;font-size:.98rem}.clarity-stat small{display:block;margin-top:3px;color:#748b9d;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clarity-detail-toggle{margin-top:13px;border:0;background:transparent;color:#9fd7ff;padding:0;font-size:.72rem;font-weight:800;cursor:pointer}.clarity-detail-toggle:after{content:"  ›"}.clarity-detail-toggle[aria-expanded="true"]:after{content:"  ⌃"}
.overview-top{display:block!important}.overview-top .priority-card{margin-top:10px}.overview-top .day-glance{margin-top:10px}.overview-top .day-glance.clarity-collapsed{display:none!important}
body.clarity-v4 .priority-card{min-height:0;padding:16px 18px;border-radius:18px}.priority-main{align-items:center}.priority-icon{font-size:2rem}.priority-title{font-size:1rem}.priority-text{font-size:.77rem}.priority-chips{margin-top:9px}.priority-action{display:none}
body.clarity-v4 .timeline-panel{padding:18px 19px;border-radius:22px;min-height:200px;background:linear-gradient(180deg,rgba(13,31,45,.91),rgba(9,23,34,.82))}
body.clarity-v4 .timeline-wrap{margin-top:2px}body.clarity-v4 .timeline{padding-top:13px;gap:2px}body.clarity-v4 .timeline:before{height:2px;top:50px;background:linear-gradient(90deg,rgba(105,186,248,.10),rgba(105,186,248,.62),rgba(105,186,248,.10))}
body.clarity-v4 .timeline-icon{font-size:1.9rem;height:34px}body.clarity-v4 .timeline-dot{width:11px;height:11px;border-width:2px;background:#69baf8;box-shadow:0 0 0 3px rgba(105,186,248,.12)}body.clarity-v4 .timeline-time{font-size:.7rem;color:#8bcaf8}.timeline-name{font-size:.82rem}.timeline-detail{font-size:.7rem;color:#8ea5b6;line-height:1.38}
body.clarity-v4 .forecast-panel{padding:18px 19px;border-radius:22px}body.clarity-v4 .forecast-layout{display:flex;flex-direction:column;gap:14px}body.clarity-v4 .hourly-box{order:1;border:0!important;padding:0!important}.hourly-title{font-size:.72rem;color:#9bb1c1}
body.clarity-v4 .hourly-strip{min-height:145px;gap:7px;scrollbar-width:none}.hourly-strip::-webkit-scrollbar{display:none}body.clarity-v4 .hour-card{flex-basis:98px;border:0;background:rgba(255,255,255,.032);padding:10px 8px;border-radius:15px}.hour-card:first-child{background:rgba(105,186,248,.10);box-shadow:inset 0 0 0 1px rgba(105,186,248,.13)}body.clarity-v4 .hour-time{font-size:.66rem}.hour-icon{font-size:1.55rem}.hour-temp{font-size:1rem}.hour-meta{font-size:.58rem;line-height:1.5;color:#8198a9}
body.clarity-v4 .daily-strip{order:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;border-top:1px solid rgba(255,255,255,.055);padding-top:14px}body.clarity-v4 .day-card{border:0;background:rgba(255,255,255,.027);min-height:104px}.day-card.active{background:rgba(105,186,248,.10);box-shadow:inset 0 0 0 1px rgba(105,186,248,.18)}body.clarity-v4 .day-desc{color:#9fb1bf}.day-rain{color:#8ecdf9}
body.clarity-v4 .events-panel{padding:14px 16px;border-radius:18px}.clarity-collapse-btn{border:0;background:transparent;color:#8ecdf9;font-size:.65rem;font-weight:800;cursor:pointer}.events-panel.clarity-events-collapsed .events-list{display:none}.events-panel.clarity-events-collapsed{background:rgba(11,25,36,.56)}body.clarity-v4 .events-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.event-row{border:0;background:rgba(255,255,255,.025)}
body.clarity-v4 .chart-shell{gap:10px}.chart-toolbar{padding:9px 10px;background:rgba(10,24,35,.72)}body.clarity-v4 .segmented{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.055);border-radius:14px;padding:3px}.seg-btn{font-size:.68rem;padding:7px 9px}.seg-btn.active{background:rgba(105,186,248,.13);color:#f4fbff}body.clarity-v4 .chart-options label{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);cursor:pointer}body.clarity-v4 .chart-main{padding:18px 18px;border-radius:22px}.chart-title{font-size:1.02rem}.chart-subtitle{font-size:.66rem}.chart-readout{gap:5px}.readout-chip{border:0;background:rgba(255,255,255,.03);min-width:72px}.chart-footer{border-top-color:rgba(255,255,255,.045)}
body.clarity-v4 .radar-layout{grid-template-columns:300px minmax(0,1fr);gap:10px}.radar-sidebar{padding:14px;border-radius:20px}.radar-map-panel{border-radius:20px;padding:8px}.radar-status{background:rgba(255,255,255,.025);border:0;border-radius:14px;padding:12px}.radar-status-title{font-size:.8rem}.radar-status-detail{font-size:.64rem;line-height:1.45}.clarity-layer-groups{display:grid;gap:7px}.clarity-layer-group{border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.02);overflow:hidden}.clarity-layer-group summary{list-style:none;cursor:pointer;padding:9px 10px;font-size:.66rem;font-weight:850;color:#c8d9e4;display:flex;align-items:center;justify-content:space-between}.clarity-layer-group summary::-webkit-details-marker{display:none}.clarity-layer-group summary:after{content:"+";color:#7f98a9}.clarity-layer-group[open] summary:after{content:"−"}.clarity-layer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 7px 7px}.clarity-layer-buttons .layer-btn{font-size:.62rem;padding:8px;border:0;background:rgba(255,255,255,.03)}.clarity-layer-buttons .layer-btn.active{background:rgba(105,186,248,.14);box-shadow:inset 0 0 0 1px rgba(105,186,248,.15)}body.clarity-v4 #weather-map{border-radius:16px}.map-head{padding:4px 6px 8px}.map-controls{padding:7px 5px 3px}.map-notice{font-size:.56rem;color:#718797}
body.clarity-v4 .models-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.model-card{border-radius:18px;padding:16px}.model-name{font-size:.9rem}.model-note{color:#8198a9}.model-stat-grid{gap:6px}
.clarity-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.clarity-tool{border:0;text-align:left;padding:14px;border-radius:17px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer}.clarity-tool span{display:block;font-size:1.35rem}.clarity-tool strong{display:block;margin-top:6px;font-size:.78rem}.clarity-tool small{display:block;margin-top:4px;color:#8399aa;font-size:.59rem;line-height:1.35}.clarity-expert-tag{display:inline-flex!important;width:max-content;margin-top:8px!important;padding:3px 6px;border-radius:999px;background:rgba(174,134,255,.10);color:#bfa7ff!important;font-size:.5rem!important;font-weight:850}body.clarity-v4 .more-grid{gap:9px}.more-card{border-radius:18px}.text-block{color:#b8c8d3}
body.clarity-v4 .lm-rel-shell{gap:9px}.lm-rel-hero{border-radius:22px!important;background:linear-gradient(135deg,rgba(18,52,75,.70),rgba(12,28,41,.88))!important}.lm-rel-score,.lm-rel-sample{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.06)}.lm-rel-metric{background:rgba(255,255,255,.028);border-color:rgba(255,255,255,.055)}.lm-rel-bar{height:5px}.lm-rel-bar span{background:#69baf8}.lm-rel-day{border-radius:17px}.lm-rel-check{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.05)}
.lm-rel-coverage{padding:16px 17px;border-radius:20px!important}.lm-rel-coverage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lm-rel-coverage-head h3{margin:2px 0 0;font-size:.92rem}.lm-rel-coverage-head p{margin:5px 0 0;color:#8ea4b5;font-size:.65rem;line-height:1.45}.lm-rel-coverage-total{font-size:1.35rem;font-weight:900}.lm-rel-coverage-total small{display:block;font-size:.52rem;color:#8ea4b5;text-align:right;font-weight:650}.lm-rel-coverage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.lm-rel-cov-item{padding:10px;border-radius:13px;background:rgba(255,255,255,.027)}.lm-rel-cov-top{display:flex;justify-content:space-between;gap:6px;font-size:.62rem;font-weight:800}.lm-rel-cov-meta{margin-top:5px;color:#7f94a5;font-size:.53rem}.lm-rel-cov-bar{height:4px;border-radius:99px;background:rgba(255,255,255,.055);overflow:hidden;margin-top:7px}.lm-rel-cov-bar span{display:block;height:100%;background:#69baf8}.lm-rel-missing-note{margin-top:10px;font-size:.6rem;color:#7f94a5;line-height:1.45}.lm-rel-hour-missing{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.lm-rel-missing-chip{padding:3px 6px;border-radius:999px;background:rgba(145,164,181,.08);color:#8ea4b5;font-size:.5rem}
@media(max-width:1180px){.clarity-hero{grid-template-columns:1fr}.clarity-hero-stats{grid-template-columns:repeat(3,1fr)}body.clarity-v4 .daily-strip{grid-template-columns:repeat(3,1fr)}.clarity-tools{grid-template-columns:repeat(2,1fr)}.lm-rel-coverage-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){body.clarity-v4 .app{height:var(--lm-app-vh,100dvh)!important;min-height:var(--lm-app-vh,100dvh)!important;max-height:var(--lm-app-vh,100dvh)!important;padding:calc(max(env(safe-area-inset-top),var(--lm-visual-top,0px)) + var(--lm-shell-top-gap)) 8px calc(82px + env(safe-area-inset-bottom))!important;gap:8px}body.clarity-v4 .header{height:62px;border-radius:17px;padding:0 10px;background:#081621!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;-webkit-font-smoothing:antialiased!important;text-rendering:auto!important}.brand{font-size:1.14rem!important}.brand-logo{font-size:1.25rem!important}.location-select{width:min(48vw,178px)!important}body.clarity-v4 .nav{height:62px;border-radius:18px;background:#071621!important;border-color:rgba(255,255,255,.07);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important}body.clarity-v4 .nav-btn[data-view="models"],body.clarity-v4 .nav-btn.lm-reliability-nav{display:none!important}body.clarity-v4 .nav-btn{font-size:.58rem}.clarity-hero{padding:17px 15px;border-radius:20px!important;display:block}.clarity-hero-main{gap:13px}.clarity-hero-icon{font-size:3.25rem}.clarity-temp{font-size:2.8rem}.clarity-condition{font-size:.88rem;padding-bottom:4px;flex-basis:130px}.clarity-headline{font-size:.76rem;line-height:1.4}.clarity-hero-stats{grid-template-columns:repeat(3,1fr);margin-top:14px;gap:6px}.clarity-stat{padding:9px 8px}.clarity-stat span{font-size:.55rem}.clarity-stat strong{font-size:.85rem}.clarity-stat small{display:none}body.clarity-v4 .timeline-panel{padding:15px 13px}.timeline{display:flex!important;width:max-content!important;min-width:max-content!important}.timeline-node{width:164px!important;flex-basis:164px!important}.timeline-detail{font-size:.68rem!important}.timeline-name{font-size:.78rem!important}body.clarity-v4 .forecast-panel{padding:15px 13px}.daily-strip{display:flex!important;overflow-x:auto!important;gap:7px}.day-card{flex:0 0 145px}.hour-card{flex-basis:91px!important}body.clarity-v4 .events-list{grid-template-columns:1fr}body.clarity-v4 .chart-toolbar{display:block}.chart-toolbar>#metric-selector{margin-bottom:7px}.chart-options{display:flex!important}.chart-main{padding:13px!important}.chart-canvas-wrap{height:48dvh!important;min-height:330px!important}body.clarity-v4 .radar-layout{display:flex;flex-direction:column}.radar-map-panel{order:1}.radar-sidebar{order:2}.clarity-layer-buttons{grid-template-columns:repeat(2,1fr)}#weather-map{height:52dvh!important;min-height:350px!important}.clarity-tools{grid-template-columns:1fr 1fr}.clarity-tool{padding:12px}.clarity-tool small{font-size:.56rem}.lm-rel-coverage-grid{grid-template-columns:1fr 1fr}.lm-rel-coverage{padding:14px}.lm-rel-coverage-head{display:block}.lm-rel-coverage-total{margin-top:10px}.lm-rel-coverage-total small{text-align:left}}
@media(max-width:430px){.clarity-hero-stats{grid-template-columns:1fr 1fr}.clarity-stat:last-child{grid-column:1/-1}.clarity-tools{grid-template-columns:1fr 1fr}.lm-rel-coverage-grid{grid-template-columns:1fr 1fr}}


/* v4.0.6 — home insights + focused Altro */
.clarity-home-insights{display:grid;grid-template-columns:1fr;gap:9px}
body.clarity-v4 #recent-events-panel{display:block}
.clarity-insight{overflow:hidden;border-radius:18px!important;background:rgba(12,27,39,.78)!important}
.clarity-insight summary{list-style:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 15px;cursor:pointer;min-height:68px}
.clarity-insight summary::-webkit-details-marker{display:none}
.clarity-insight summary:after{content:"+";grid-column:3;grid-row:1;color:#7f9caf;font-size:1.12rem;font-weight:700}
.clarity-insight[open] summary:after{content:"−"}
.clarity-insight-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(105,186,248,.09);color:#a8dcff;font-size:1.15rem;font-weight:900}
.clarity-insight-change .clarity-insight-icon{background:rgba(105,186,248,.09);color:#a8dcff}
.clarity-insight-reason .clarity-insight-icon{background:rgba(174,134,255,.09);color:#c9b6ff}
.clarity-insight-observed .clarity-insight-icon{background:rgba(102,222,160,.09);color:#9de7bd}
.clarity-insight-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.clarity-insight-copy strong{font-size:.8rem;color:#edf7fc;line-height:1.2}
.clarity-insight-copy small{font-size:.59rem;color:#7f98a9;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clarity-insight-body{padding:0 15px 15px;border-top:1px solid rgba(255,255,255,.045)}
.clarity-insight-body>.text-block,.clarity-insight-body>#clarity-change-slot>.text-block,.clarity-insight-body>#clarity-reason-slot>.text-block{padding-top:13px;font-size:.72rem;line-height:1.55}
.clarity-insight .obs-grid{padding-top:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.clarity-insight .obs-item{background:rgba(255,255,255,.026);border-color:rgba(255,255,255,.055)}
.clarity-briefing-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05);font-size:.61rem;color:#8098a9}
.clarity-briefing-meta strong{color:#b8cad6}
#clarity-briefing-slot details{margin-top:7px}
#clarity-briefing-slot details summary{display:block;min-height:0;padding:7px 0;background:transparent;font-size:.62rem!important;color:#9fd7ff!important}
#clarity-briefing-slot details summary:after{display:none}
#clarity-briefing-slot .briefing-pre{margin-top:6px;padding:10px;border-radius:12px;background:rgba(255,255,255,.025);max-height:300px}
body.clarity-v4 #view-more .more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
body.clarity-v4 #view-more .more-card[hidden]{display:none!important}
.clarity-tools-focused{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:9px}
.clarity-tools-heading{grid-column:1/-1;padding:3px 2px 2px}
.clarity-tools-heading strong{display:block;font-size:.9rem;color:#eef7fc}
.clarity-tools-heading small{display:block;margin-top:3px;font-size:.6rem;color:#7f98a9}
.clarity-tools-focused .clarity-tool{min-height:112px;border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.028)}
body.clarity-v4 #changelog-card{order:2}
body.clarity-v4 #view-more .clarity-push-settings{grid-column:1/-1}
@media(max-width:780px){
  .clarity-home-insights{gap:8px}
  .clarity-insight summary{grid-template-columns:34px minmax(0,1fr) auto;padding:12px 12px;min-height:62px;gap:9px}
  .clarity-insight-icon{width:34px;height:34px;border-radius:11px;font-size:1rem}
  .clarity-insight-copy strong{font-size:.74rem}
  .clarity-insight-copy small{font-size:.54rem}
  .clarity-insight-body{padding:0 12px 12px}
  .clarity-insight .obs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clarity-tools-focused{grid-template-columns:1fr 1fr}
  .clarity-tools-focused .clarity-tool{min-height:104px;padding:12px}
}
@media(max-width:390px){
  .clarity-insight .obs-grid{grid-template-columns:1fr 1fr}
  .clarity-tools-focused{grid-template-columns:1fr 1fr}
}

/* v4.0.27 — one crisp iOS shell owner: no transformed text in the top bar. */
@media(max-width:780px){
  body.clarity-v4 .header .brand,
  body.clarity-v4 .header .header-actions,
  body.clarity-v4 .header .location-select,
  body.clarity-v4 .header .round-btn,
  body.clarity-v4 .header .lm-version{
    filter:none!important;
    transform:none!important;
    opacity:1!important;
  }
}

/* v4.4.0 — photographic weather backgrounds.
 * Fixed Unsplash CDN photos are selected by the existing global weather-scene
 * owner. UI text/cards remain local and crisp; only the photographic plane is
 * blurred/darkened. If a remote image fails, each scene falls back to a local
 * CSS gradient. No synthetic weather particles/animations remain.
 */
body.clarity-v4{
  --lm-weather-photo:none;
  --lm-photo-position:center center;
  --lm-photo-filter:blur(20px) saturate(.88) brightness(.58);
  --lm-photo-overlay:
    linear-gradient(180deg,rgba(3,13,22,.34),rgba(4,15,24,.66) 54%,rgba(4,14,22,.82));
  --lm-photo-fallback:linear-gradient(180deg,#102638,#081722 58%,#050f18);
  --lm-panel-bg:rgba(6,18,28,.78);
  --lm-header-bg:rgba(5,17,27,.88);
  --lm-nav-bg:rgba(5,17,27,.90);
  --lm-hero-bg:rgba(10,32,47,.76);
  min-height:100%;
  isolation:isolate;
  background:var(--lm-photo-fallback);
}
body.clarity-v4::before,
body.clarity-v4::after{
  content:"";
  position:fixed;
  inset:-42px;
  pointer-events:none;
  z-index:0;
}
body.clarity-v4::before{
  background-color:#071520;
  background-image:var(--lm-weather-photo),var(--lm-photo-fallback);
  background-size:cover;
  background-position:var(--lm-photo-position);
  background-repeat:no-repeat;
  filter:var(--lm-photo-filter);
  transform:scale(1.045) translateZ(0);
  transform-origin:center;
}
body.clarity-v4::after{
  background:var(--lm-photo-overlay);
}
body.clarity-v4 .app{position:relative;z-index:1}
body.clarity-v4[data-weather-scene] .panel{
  background:var(--lm-panel-bg);
  border-color:rgba(255,255,255,.085);
  box-shadow:0 16px 45px rgba(0,0,0,.16);
}
body.clarity-v4[data-weather-scene] .header{
  background:var(--lm-header-bg)!important;
}
body.clarity-v4[data-weather-scene] .nav{
  background:var(--lm-nav-bg)!important;
}
body.clarity-v4[data-weather-scene] .clarity-hero{
  background:linear-gradient(135deg,var(--lm-hero-bg),rgba(6,19,29,.88))!important;
}
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-tabs,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-hero{
  background:var(--lm-panel-bg)!important;
}

/* Sunny / clear day — Paul Berthelon Bravo, Unsplash */
body.clarity-v4[data-weather-scene="clear-day"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1517495306984-f84210f9daa8?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 42%;
  --lm-photo-filter:blur(18px) saturate(1.02) brightness(.64);
  --lm-photo-overlay:
    linear-gradient(180deg,rgba(3,18,29,.18),rgba(4,19,31,.55) 50%,rgba(4,15,24,.80)),
    radial-gradient(circle at 78% 3%,rgba(255,211,116,.12),transparent 30%);
  --lm-photo-fallback:linear-gradient(180deg,#174b73,#0d2d47 45%,#061521);
  --lm-panel-bg:rgba(7,25,37,.73);
  --lm-header-bg:rgba(6,22,34,.85);
  --lm-nav-bg:rgba(5,20,31,.88);
  --lm-hero-bg:rgba(13,58,84,.72);
}

/* Clear night — Ganapathy Kumar, Unsplash */
body.clarity-v4[data-weather-scene="clear-night"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1499578124509-1611b77778c8?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 35%;
  --lm-photo-filter:blur(18px) saturate(.86) brightness(.48);
  --lm-photo-overlay:
    linear-gradient(180deg,rgba(2,7,17,.24),rgba(4,12,23,.58) 52%,rgba(4,13,22,.84)),
    radial-gradient(circle at 75% 5%,rgba(142,178,232,.10),transparent 27%);
  --lm-photo-fallback:linear-gradient(180deg,#08162d,#081421 60%,#040b12);
  --lm-panel-bg:rgba(5,15,27,.78);
  --lm-header-bg:rgba(4,13,24,.90);
  --lm-nav-bg:rgba(4,13,24,.92);
  --lm-hero-bg:rgba(9,33,58,.75);
}

/* Partly cloudy day — Jelleke Vanooteghem, Unsplash */
body.clarity-v4[data-weather-scene="partly-cloudy-day"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1536532184021-da5392b55da1?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 40%;
  --lm-photo-filter:blur(19px) saturate(.92) brightness(.59);
  --lm-photo-overlay:linear-gradient(180deg,rgba(4,20,31,.18),rgba(5,20,31,.58) 55%,rgba(4,14,23,.81));
  --lm-photo-fallback:linear-gradient(180deg,#315b73,#17384c 52%,#071722);
  --lm-panel-bg:rgba(8,24,35,.75);
  --lm-hero-bg:rgba(18,56,76,.73);
}

/* Partly cloudy night — Pat Whelen, Unsplash */
body.clarity-v4[data-weather-scene="partly-cloudy-night"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1610939949898-d7ef959ef8a8?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 38%;
  --lm-photo-filter:blur(19px) saturate(.82) brightness(.44);
  --lm-photo-overlay:linear-gradient(180deg,rgba(2,8,17,.26),rgba(4,13,24,.62) 55%,rgba(4,13,22,.85));
  --lm-photo-fallback:linear-gradient(180deg,#111e35,#0a1728 58%,#040c13);
  --lm-panel-bg:rgba(5,16,28,.79);
  --lm-hero-bg:rgba(11,35,57,.76);
}

/* Cloudy / overcast — Silvan Ruf, Unsplash */
body.clarity-v4[data-weather-scene="cloudy"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1664797923120-7a6a07a1bd8e?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 44%;
  --lm-photo-filter:blur(20px) saturate(.68) brightness(.48);
  --lm-photo-overlay:linear-gradient(180deg,rgba(8,16,23,.20),rgba(6,18,28,.62) 55%,rgba(4,14,22,.84));
  --lm-photo-fallback:linear-gradient(180deg,#394955,#233542 52%,#0b1b27);
  --lm-panel-bg:rgba(13,25,33,.77);
  --lm-header-bg:rgba(10,22,30,.89);
  --lm-nav-bg:rgba(9,21,30,.91);
  --lm-hero-bg:rgba(37,54,65,.72);
}

/* Showers + rain — Tim Mossholder, Unsplash */
body.clarity-v4[data-weather-scene="showers-day"],
body.clarity-v4[data-weather-scene="showers-night"],
body.clarity-v4[data-weather-scene="rain"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1695251621224-ea0a4b13ba86?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center center;
  --lm-photo-filter:blur(17px) saturate(.76) brightness(.42);
  --lm-photo-overlay:linear-gradient(180deg,rgba(2,13,20,.18),rgba(4,18,28,.62) 48%,rgba(4,14,22,.86));
  --lm-photo-fallback:linear-gradient(180deg,#23414e,#102c3a 48%,#071722);
  --lm-panel-bg:rgba(6,20,29,.79);
  --lm-header-bg:rgba(5,18,28,.91);
  --lm-nav-bg:rgba(5,17,27,.92);
  --lm-hero-bg:rgba(10,45,62,.74);
}
body.clarity-v4[data-weather-scene="showers-day"]{
  --lm-photo-filter:blur(17px) saturate(.82) brightness(.50);
}

/* Thunderstorm + hail — NOAA, public domain + Unsplash License */
body.clarity-v4[data-weather-scene="storm"],
body.clarity-v4[data-weather-scene="hail"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1584269655525-c2ec535de1d0?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 52%;
  --lm-photo-filter:blur(16px) saturate(.94) brightness(.40);
  --lm-photo-overlay:
    linear-gradient(180deg,rgba(2,5,14,.12),rgba(5,11,25,.58) 48%,rgba(4,12,22,.88)),
    radial-gradient(circle at 55% 22%,rgba(98,92,196,.09),transparent 35%);
  --lm-photo-fallback:linear-gradient(180deg,#191d39,#10192d 50%,#070f1a);
  --lm-panel-bg:rgba(7,16,28,.81);
  --lm-header-bg:rgba(6,14,26,.93);
  --lm-nav-bg:rgba(5,13,25,.94);
  --lm-hero-bg:rgba(34,33,66,.76);
}

/* Fog — Tim G, Unsplash */
body.clarity-v4[data-weather-scene="fog"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1713634439358-3032d550279b?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 48%;
  --lm-photo-filter:blur(22px) saturate(.60) brightness(.56);
  --lm-photo-overlay:linear-gradient(180deg,rgba(28,39,45,.18),rgba(16,31,39,.55) 52%,rgba(6,18,26,.80));
  --lm-photo-fallback:linear-gradient(180deg,#65737b,#42535d 48%,#162a35);
  --lm-panel-bg:rgba(20,33,39,.75);
  --lm-header-bg:rgba(16,29,36,.88);
  --lm-nav-bg:rgba(14,27,35,.90);
  --lm-hero-bg:rgba(57,75,83,.69);
}

/* Snow — Bradley Andrews, Unsplash */
body.clarity-v4[data-weather-scene="snow"]{
  --lm-weather-photo:url("https://images.unsplash.com/photo-1769605767791-35dca02fc8a5?auto=format&fit=crop&w=1800&q=58");
  --lm-photo-position:center 48%;
  --lm-photo-filter:blur(18px) saturate(.62) brightness(.58);
  --lm-photo-overlay:linear-gradient(180deg,rgba(15,25,30,.15),rgba(12,28,37,.56) 54%,rgba(5,17,25,.83));
  --lm-photo-fallback:linear-gradient(180deg,#91a4ae,#536c79 45%,#18303c);
  --lm-panel-bg:rgba(11,28,36,.74);
  --lm-header-bg:rgba(9,25,34,.88);
  --lm-nav-bg:rgba(8,24,33,.90);
  --lm-hero-bg:rgba(49,78,89,.69);
}

@media(max-width:780px){
  body.clarity-v4::before,
  body.clarity-v4::after{inset:-34px}
  body.clarity-v4::before{
    background-size:auto 112%;
    transform:scale(1.035) translateZ(0);
  }
  body.clarity-v4[data-weather-scene] .panel{
    background:rgba(6,18,28,.80);
  }
}
@media(prefers-reduced-data:reduce){
  body.clarity-v4::before{background-image:var(--lm-photo-fallback)!important}
}

/* v5.0.2beta — premium Home, rebuilt for performance.
 * No per-card backdrop blur, no parallax, no reveal observers and no scale-on-hover.
 * Depth comes from static layered gradients, borders and hierarchy.
 */
body.lm-home-v5-beta{
  --lm-home-surface:#102838;
  --lm-home-surface-2:#143246;
  --lm-home-surface-soft:#0d2231;
  --lm-home-border:rgba(205,234,252,.16);
  --lm-home-border-strong:rgba(220,241,255,.24);
  --lm-home-text:#f8fbfe;
  --lm-home-muted:#b8cad6;
  --lm-home-accent:#8fd3ff;
  --lm-home-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055);
}
body.lm-home-v5-beta.lm-home-active::before{
  transform:none!important;
  background-position:center 42%;
}
body.lm-home-v5-beta.lm-home-active::after{
  background:
    linear-gradient(180deg,rgba(5,17,26,.08),rgba(6,20,31,.28) 45%,rgba(5,15,23,.58)),
    radial-gradient(circle at 80% 0%,rgba(133,207,251,.11),transparent 33%),
    linear-gradient(90deg,rgba(5,17,25,.18),transparent 35%,rgba(5,17,25,.10));
}
body.lm-home-v5-beta.lm-home-active .header{
  min-height:78px;
  padding:10px 13px 10px 11px;
  border:1px solid rgba(213,239,255,.15);
  border-radius:27px;
  background:
    linear-gradient(180deg,rgba(24,51,68,.96),rgba(10,28,41,.97))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
  position:relative;
}
body.lm-home-v5-beta.lm-home-active .header::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(226,244,255,.35),transparent);
  pointer-events:none;
}
body.lm-home-v5-beta.lm-home-active .brand{
  min-height:54px;
  padding:7px 13px 7px 8px;
  border:1px solid rgba(222,242,255,.11);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  font-size:1.34rem;
}
body.lm-home-v5-beta.lm-home-active .brand small{
  margin-top:2px;
  font-size:.66rem;
  color:#9fb6c5;
}
body.lm-home-v5-beta.lm-home-active .header-actions{
  gap:8px;
}
body.lm-home-v5-beta.lm-home-active .location-select,
body.lm-home-v5-beta.lm-home-active .round-btn{
  min-height:46px;
  border:1px solid rgba(218,240,255,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.lm-home-v5-beta.lm-home-active .location-select{
  padding-inline:15px 38px;
  border-radius:16px;
  font-size:.78rem;
  color:#f4f9fc;
}
body.lm-home-v5-beta.lm-home-active .round-btn{
  width:46px;
  border-radius:16px;
}
body.lm-home-v5-beta.lm-home-active .nav{
  min-height:58px;
  padding:7px;
  gap:5px;
  border:1px solid rgba(210,237,255,.13);
  border-radius:23px;
  background:linear-gradient(180deg,rgba(20,45,61,.96),rgba(9,25,37,.97))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.lm-home-v5-beta.lm-home-active .nav-btn{
  min-height:43px;
  border:1px solid transparent;
  border-radius:16px;
  font-size:.78rem;
  font-weight:820;
  color:#a6bbc9;
}
body.lm-home-v5-beta.lm-home-active .nav-btn .nav-icon{
  font-size:.92rem;
}
body.lm-home-v5-beta.lm-home-active .nav-btn.active{
  color:#fff;
  border-color:rgba(189,228,252,.17);
  background:linear-gradient(180deg,rgba(115,198,250,.19),rgba(79,159,213,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
@media(hover:hover) and (pointer:fine){
  body.lm-home-v5-beta.lm-home-active .nav-btn:hover:not(.active),
  body.lm-home-v5-beta.lm-home-active .location-select:hover,
  body.lm-home-v5-beta.lm-home-active .round-btn:hover{
    background-color:rgba(255,255,255,.07);
    border-color:rgba(205,234,252,.16);
    color:#edf7fd;
  }
}
body.lm-home-v5-beta #view-today{
  color:var(--lm-home-text);
}
body.lm-home-v5-beta #view-today .overview-grid{
  gap:14px;
}
body.lm-home-v5-beta #view-today .panel,
body.lm-home-v5-beta #view-today .clarity-insight{
  border:1px solid var(--lm-home-border);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 34%),
    linear-gradient(145deg,var(--lm-home-surface),var(--lm-home-surface-soft))!important;
  box-shadow:var(--lm-home-shadow);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.lm-home-v5-beta #view-today .clarity-hero{
  min-height:222px;
  padding:31px 32px;
  gap:30px;
  border-color:var(--lm-home-border-strong);
  border-radius:27px!important;
  background:
    radial-gradient(circle at 86% 8%,rgba(148,215,255,.18),transparent 27%),
    linear-gradient(120deg,#1b4d6c 0%,#163a52 40%,#102b3e 72%,#0d2332 100%)!important;
  box-shadow:0 25px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.09);
}
body.lm-home-v5-beta #view-today .clarity-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg,rgba(255,255,255,.055),transparent 28%),
    radial-gradient(circle at 16% 8%,rgba(255,255,255,.06),transparent 22%);
}
body.lm-home-v5-beta #view-today .clarity-hero::after{content:none!important;display:none!important}
body.lm-home-v5-beta #view-today .clarity-hero-main{gap:24px}
body.lm-home-v5-beta #view-today .clarity-hero-icon{
  font-size:5.35rem;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.18));
}
body.lm-home-v5-beta #view-today .clarity-eyebrow{
  font-size:.82rem;
  letter-spacing:.06em;
  color:#bfe5ff;
}
body.lm-home-v5-beta #view-today .clarity-temp{
  font-size:4.85rem;
  line-height:.9;
  letter-spacing:-.06em;
  font-weight:920;
  text-shadow:0 5px 18px rgba(0,0,0,.13);
}
body.lm-home-v5-beta #view-today .clarity-condition{
  font-size:1.18rem;
  line-height:1.2;
  color:#f5f9fc;
}
body.lm-home-v5-beta #view-today .clarity-headline{
  margin-top:13px;
  max-width:900px;
  font-size:1.06rem;
  line-height:1.5;
  color:#dfebf3;
  font-weight:570;
}
body.lm-home-v5-beta #view-today .clarity-detail-toggle{
  margin-top:17px;
  padding:7px 0;
  font-size:.84rem;
  color:#c7e8fd;
}
body.lm-home-v5-beta #view-today .clarity-hero-stats{gap:12px}
body.lm-home-v5-beta #view-today .clarity-stat{
  min-width:118px;
  padding:15px 16px;
  border:1px solid rgba(220,241,255,.12);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transform:none!important;
}
body.lm-home-v5-beta #view-today .clarity-stat span{
  font-size:.71rem;
  color:#bdcdd7;
}
body.lm-home-v5-beta #view-today .clarity-stat strong{
  margin-top:5px;
  font-size:1.24rem;
}
body.lm-home-v5-beta #view-today .clarity-stat small{
  margin-top:4px;
  font-size:.64rem;
  color:#97adbb;
}
body.lm-home-v5-beta #view-today .section-title{
  margin-bottom:16px;
  font-size:.98rem;
  color:#f0f6fa;
  font-weight:880;
}
body.lm-home-v5-beta #view-today .timeline-panel,
body.lm-home-v5-beta #view-today .forecast-panel{
  padding:23px 24px;
  border-radius:25px;
}
body.lm-home-v5-beta #view-today .timeline-panel{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 30%),
    linear-gradient(145deg,#15364a,#0d2535)!important;
}
body.lm-home-v5-beta #view-today .timeline:before{
  height:2px;
  background:linear-gradient(90deg,rgba(131,207,253,.10),rgba(137,213,255,.72),rgba(131,207,253,.10));
  box-shadow:none;
}
body.lm-home-v5-beta #view-today .timeline-dot{
  background:#9ed9ff;
  box-shadow:0 0 0 4px rgba(124,199,245,.12);
}
body.lm-home-v5-beta #view-today .timeline-time{
  font-size:.81rem;
  color:#bee6ff;
}
body.lm-home-v5-beta #view-today .timeline-name{
  margin-top:7px;
  font-size:1rem;
  line-height:1.32;
}
body.lm-home-v5-beta #view-today .timeline-detail{
  margin-top:7px;
  font-size:.82rem;
  line-height:1.48;
  color:#b8cad5;
}
body.lm-home-v5-beta #view-today .forecast-section-title>span:first-child{
  font-size:1.08rem;
}
body.lm-home-v5-beta #view-today #forecast-run-label{
  font-size:.75rem;
  color:#a9bdc9;
}
body.lm-home-v5-beta #view-today .hourly-strip{gap:10px}
body.lm-home-v5-beta #view-today .hour-card{
  flex-basis:114px;
  min-height:158px;
  padding:12px 10px;
  border:1px solid rgba(209,235,251,.09);
  border-radius:16px;
  background:linear-gradient(180deg,#163346,#102939);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transform:none!important;
  transition:background-color .12s ease,border-color .12s ease;
}
body.lm-home-v5-beta #view-today .hour-card:first-child{
  border-color:rgba(158,216,252,.18);
  background:linear-gradient(180deg,#1c4661,#153348);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.lm-home-v5-beta #view-today .hour-time{font-size:.76rem;color:#c0d0da}
body.lm-home-v5-beta #view-today .hour-icon{font-size:1.84rem;margin:8px 0}
body.lm-home-v5-beta #view-today .hour-temp{font-size:1.18rem}
body.lm-home-v5-beta #view-today .hour-meta{font-size:.7rem;line-height:1.56;color:#a7bac6}
body.lm-home-v5-beta #view-today .daily-strip{
  gap:10px;
  border-top-color:rgba(220,240,252,.09);
}
body.lm-home-v5-beta #view-today .day-card{
  min-height:122px;
  padding:13px 14px;
  border:1px solid rgba(209,235,251,.08);
  border-radius:16px;
  background:linear-gradient(180deg,#143144,#0f2939);
}
body.lm-home-v5-beta #view-today .day-card.active{
  border-color:rgba(159,216,252,.18);
  background:linear-gradient(180deg,#1b425a,#143348);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.lm-home-v5-beta #view-today .day-label{font-size:.82rem;color:#cad7df}
body.lm-home-v5-beta #view-today .day-icon{font-size:1.82rem}
body.lm-home-v5-beta #view-today .day-temp{font-size:1.18rem}
body.lm-home-v5-beta #view-today .day-desc{font-size:.8rem;line-height:1.42;color:#b8c9d4}
body.lm-home-v5-beta #view-today .day-rain{font-size:.74rem;color:#b8e0fa}
body.lm-home-v5-beta #view-today .priority-card{
  padding:20px 22px;
  border-radius:21px;
}
body.lm-home-v5-beta #view-today .priority-title{font-size:1.18rem}
body.lm-home-v5-beta #view-today .priority-text{font-size:.88rem;line-height:1.5;color:#d5e1e8}
body.lm-home-v5-beta #view-today .chip{
  font-size:.76rem;
  border-color:rgba(215,238,252,.10);
  background:#173345;
}
body.lm-home-v5-beta #view-today .clarity-home-insights{gap:11px}
body.lm-home-v5-beta #view-today .clarity-insight{
  border-radius:20px!important;
}
body.lm-home-v5-beta #view-today .clarity-insight summary{
  min-height:76px;
  padding:15px 16px;
}
body.lm-home-v5-beta #view-today .clarity-insight-icon{
  width:42px;
  height:42px;
  border:1px solid rgba(215,238,252,.10);
  background:#18394d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.lm-home-v5-beta #view-today .clarity-insight-copy strong{font-size:.87rem}
body.lm-home-v5-beta #view-today .clarity-insight-copy small{font-size:.65rem;color:#9fb3c0}
body.lm-home-v5-beta #view-today .clarity-insight-body{color:#d5e2e9}
body.lm-home-v5-beta #view-today .clarity-insight .obs-item{
  background:#123044;
  border-color:rgba(211,237,252,.08);
}
body.lm-home-v5-beta #view-today .lm-home-reveal,
body.lm-home-v5-beta #view-today .lm-home-reveal.lm-home-visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
@media(hover:hover) and (pointer:fine){
  body.lm-home-v5-beta #view-today .hour-card:hover,
  body.lm-home-v5-beta #view-today .day-card:hover,
  body.lm-home-v5-beta #view-today .clarity-stat:hover,
  body.lm-home-v5-beta #view-today .clarity-hero:hover,
  body.lm-home-v5-beta #view-today .timeline-panel:hover,
  body.lm-home-v5-beta #view-today .forecast-panel:hover,
  body.lm-home-v5-beta #view-today .priority-card:hover,
  body.lm-home-v5-beta #view-today .day-glance:hover,
  body.lm-home-v5-beta #view-today .clarity-insight:hover{
    transform:none!important;
  }
  body.lm-home-v5-beta #view-today .hour-card:hover,
  body.lm-home-v5-beta #view-today .day-card:hover{
    border-color:rgba(195,229,249,.16);
    background-color:#17384c;
  }
}
@media(max-width:780px){
  body.lm-home-v5-beta.lm-home-active .header{
    min-height:62px;
    padding:0 10px!important;
    border-radius:18px;
  }
  body.lm-home-v5-beta.lm-home-active .brand{
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    font-size:1.16rem!important;
  }
  body.lm-home-v5-beta.lm-home-active .brand small{font-size:.57rem}
  body.lm-home-v5-beta.lm-home-active .location-select{
    min-height:38px;
    font-size:.7rem;
    border-radius:13px;
  }
  body.lm-home-v5-beta.lm-home-active .round-btn{
    width:40px;
    min-height:38px;
    border-radius:13px;
  }
  body.lm-home-v5-beta.lm-home-active .nav{
    height:62px;
    min-height:62px;
    padding:6px!important;
    border-radius:18px;
  }
  body.lm-home-v5-beta.lm-home-active .nav-btn{min-height:48px;font-size:.61rem}
  body.lm-home-v5-beta #view-today .overview-grid{gap:10px}
  body.lm-home-v5-beta #view-today .clarity-hero{padding:22px 17px 20px}
  body.lm-home-v5-beta #view-today .clarity-hero-main{gap:14px}
  body.lm-home-v5-beta #view-today .clarity-hero-icon{font-size:3.6rem}
  body.lm-home-v5-beta #view-today .clarity-eyebrow{font-size:.72rem}
  body.lm-home-v5-beta #view-today .clarity-temp{font-size:3.45rem}
  body.lm-home-v5-beta #view-today .clarity-condition{font-size:1rem}
  body.lm-home-v5-beta #view-today .clarity-headline{font-size:.88rem;line-height:1.47}
  body.lm-home-v5-beta #view-today .clarity-stat{padding:11px 10px}
  body.lm-home-v5-beta #view-today .clarity-stat strong{font-size:1rem}
  body.lm-home-v5-beta #view-today .timeline-panel,
  body.lm-home-v5-beta #view-today .forecast-panel{padding:18px 15px}
  body.lm-home-v5-beta #view-today .timeline-name{font-size:.9rem!important}
  body.lm-home-v5-beta #view-today .timeline-detail{font-size:.76rem!important}
  body.lm-home-v5-beta #view-today .hour-card{flex-basis:106px!important}
  body.lm-home-v5-beta #view-today .day-card{flex-basis:160px}
}
@media(prefers-reduced-motion:reduce){
  body.lm-home-v5-beta *,
  body.lm-home-v5-beta *::before,
  body.lm-home-v5-beta *::after{
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}


/* v5.0.3beta — site-wide premium graphite / ice palette.
 * Apple-inspired restraint without expensive live blur: neutral graphite
 * surfaces, cold specular highlights, ice-blue + lilac accents and static depth.
 */
html{background:#090c12}
body.clarity-v4{
  --bg:#090c12;
  --panel:#161c25;
  --panel2:#1c2430;
  --card:#121821;
  --text:#f7f9fc;
  --muted:#a5b0bf;
  --border:rgba(226,235,247,.13);
  --blue:#8ecbff;
  --green:#75e2b5;
  --yellow:#ffd56a;
  --orange:#ffac6e;
  --red:#ff7a83;
  --lm-premium-surface:#171e28;
  --lm-premium-surface-2:#1d2633;
  --lm-premium-surface-3:#222d3b;
  --lm-premium-border:rgba(229,238,249,.14);
  --lm-premium-border-strong:rgba(235,243,252,.21);
  --lm-premium-highlight:rgba(255,255,255,.065);
  --lm-premium-accent:#8ecbff;
  --lm-premium-accent-2:#aaa1ff;
  --lm-premium-cyan:#7be5ff;
  --lm-premium-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
  background:#090c12;
  color:var(--text);
}
body.clarity-v4::before{
  filter:none!important;
  transform:none!important;
}
body.clarity-v4::after{
  background:
    linear-gradient(180deg,rgba(8,11,17,.14),rgba(8,12,18,.44) 48%,rgba(8,11,16,.72)),
    radial-gradient(circle at 82% 0%,rgba(126,188,255,.11),transparent 30%),
    radial-gradient(circle at 12% 18%,rgba(170,155,255,.07),transparent 27%);
}
body.clarity-v4[data-weather-scene] .header{
  background:
    radial-gradient(circle at 88% -30%,rgba(139,198,255,.12),transparent 42%),
    linear-gradient(180deg,#1a212c,#111720)!important;
  border:1px solid var(--lm-premium-border)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.clarity-v4 .header::after{
  content:"";
  position:absolute;
  left:22px;right:22px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,249,255,.28),transparent);
  pointer-events:none;
}
body.clarity-v4 .brand{
  color:#fbfcfe;
}
body.clarity-v4 .brand small{color:#9faaba}
body.clarity-v4 .location-select,
body.clarity-v4 .round-btn{
  border-color:rgba(230,238,248,.13);
  background:linear-gradient(180deg,#202733,#171d27);
  color:#f5f8fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.clarity-v4[data-weather-scene] .nav{
  background:linear-gradient(180deg,#171e28,#10161f)!important;
  border:1px solid var(--lm-premium-border)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.clarity-v4 .nav-btn{color:#9eaaba}
body.clarity-v4 .nav-btn.active{
  color:#fff;
  background:
    radial-gradient(circle at 50% -70%,rgba(171,162,255,.20),transparent 55%),
    linear-gradient(180deg,rgba(126,194,255,.20),rgba(95,148,214,.10));
  border:1px solid rgba(184,218,250,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
body.clarity-v4[data-weather-scene] .panel,
body.clarity-v4 .clarity-insight{
  background:
    linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,0) 32%),
    linear-gradient(145deg,var(--lm-premium-surface),#111720)!important;
  border-color:var(--lm-premium-border)!important;
  box-shadow:var(--lm-premium-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.clarity-v4 .section-title,
body.clarity-v4 .forecast-section-title>span:first-child{color:#f1f5fa}
body.clarity-v4 .badge{
  background:linear-gradient(180deg,rgba(142,203,255,.13),rgba(142,203,255,.055));
  color:#bfe3ff;
  border-color:rgba(142,203,255,.14);
}
body.clarity-v4 .text-block{color:#c7d0dc}
body.clarity-v4 .empty{color:#a9b4c2}

/* Charts */
body.clarity-v4 #view-charts .chart-shell{gap:12px}
body.clarity-v4 #view-charts .chart-toolbar{
  padding:11px 12px;
  border:1px solid var(--lm-premium-border);
  border-radius:18px;
  background:linear-gradient(180deg,#1a222e,#131a23);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.clarity-v4 #view-charts .segmented{
  background:#10161f;
  border-color:rgba(227,237,248,.10);
  border-radius:15px;
}
body.clarity-v4 #view-charts .seg-btn{color:#aab5c3}
body.clarity-v4 #view-charts .seg-btn.active{
  color:#fff;
  background:linear-gradient(180deg,rgba(142,203,255,.22),rgba(117,166,230,.11));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.clarity-v4 #view-charts .chart-options label{
  background:#151d27;
  border-color:rgba(227,237,248,.10);
  color:#cdd5df;
}
body.clarity-v4 #view-charts .chart-main{
  border:1px solid var(--lm-premium-border);
  background:
    radial-gradient(circle at 92% 0%,rgba(170,161,255,.065),transparent 28%),
    linear-gradient(145deg,#19212c,#111720)!important;
}
body.clarity-v4 #view-charts .chart-title{color:#f8fafc}
body.clarity-v4 #view-charts .chart-subtitle{color:#a8b3c1}
body.clarity-v4 #view-charts .readout-chip{
  background:linear-gradient(180deg,#202936,#171e28);
  border:1px solid rgba(228,237,248,.09);
}
body.clarity-v4 #view-charts .chart-footer{border-top-color:rgba(229,238,249,.09)}

/* Models */
body.clarity-v4 #view-models .model-card{
  border:1px solid var(--lm-premium-border);
  background:
    radial-gradient(circle at 100% 0%,rgba(142,203,255,.07),transparent 30%),
    linear-gradient(145deg,#19212c,#121821)!important;
  box-shadow:var(--lm-premium-shadow);
}
body.clarity-v4 #view-models .model-name{color:#f5f8fc;font-size:1rem}
body.clarity-v4 #view-models .model-badge{
  color:#c8e8ff;
  background:rgba(142,203,255,.07);
  border-color:rgba(142,203,255,.14);
}
body.clarity-v4 #view-models .model-stat{
  background:#1b2430;
  border:1px solid rgba(229,238,249,.085);
}
body.clarity-v4 #view-models .model-stat small{color:#9ca8b7}
body.clarity-v4 #view-models .model-stat strong{color:#f8fafc}
body.clarity-v4 #view-models .model-note{color:#aab5c3}

/* More */
body.clarity-v4 #view-more .more-grid{gap:12px}
body.clarity-v4 #view-more .more-card,
body.clarity-v4 #view-more .clarity-push-settings{
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),transparent 32%),
    linear-gradient(145deg,#191f2a,#111720)!important;
  border-color:var(--lm-premium-border)!important;
  box-shadow:var(--lm-premium-shadow);
}
body.clarity-v4 #view-more .clarity-tools-heading strong{color:#f5f8fb}
body.clarity-v4 #view-more .clarity-tools-heading small{color:#9faaba}
body.clarity-v4 #view-more .clarity-tool{
  border:1px solid rgba(230,239,249,.10);
  background:
    radial-gradient(circle at 95% 0%,rgba(170,161,255,.055),transparent 34%),
    linear-gradient(180deg,#1e2733,#161d27);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
body.clarity-v4 #view-more .clarity-tool strong{color:#f4f7fb}
body.clarity-v4 #view-more .clarity-tool small{color:#a3aebd}
body.clarity-v4 #view-more .clarity-expert-tag{
  background:rgba(170,161,255,.10);
  color:#cfc9ff!important;
}
body.clarity-v4 #view-more .pref-row{border-color:rgba(230,238,248,.07)}
body.clarity-v4 #view-more .pref-title{color:#f5f8fb}
body.clarity-v4 #view-more .pref-description,
body.clarity-v4 #view-more .pref-location-note{color:#aab5c3}

/* Home palette aligned with the new site-wide language. */
body.clarity-v4.lm-home-v5-beta #view-today .panel,
body.clarity-v4.lm-home-v5-beta #view-today .clarity-insight{
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 30%),
    linear-gradient(145deg,#19212c,#111720)!important;
  border-color:var(--lm-premium-border)!important;
}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero{
  background:
    radial-gradient(circle at 86% 6%,rgba(143,203,255,.16),transparent 28%),
    radial-gradient(circle at 18% 0%,rgba(170,161,255,.08),transparent 28%),
    linear-gradient(118deg,#24384c 0%,#1b2b3c 40%,#151f2b 74%,#111820 100%)!important;
}
body.clarity-v4.lm-home-v5-beta #view-today .timeline-panel{
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%),
    linear-gradient(145deg,#1a2430,#121922)!important;
}
body.clarity-v4.lm-home-v5-beta #view-today .hour-card{
  background:linear-gradient(180deg,#1e2733,#171e28);
}
body.clarity-v4.lm-home-v5-beta #view-today .hour-card:first-child,
body.clarity-v4.lm-home-v5-beta #view-today .day-card.active{
  background:
    radial-gradient(circle at 50% -55%,rgba(170,161,255,.10),transparent 55%),
    linear-gradient(180deg,#263749,#1b2938);
}
body.clarity-v4.lm-home-v5-beta #view-today .day-card{
  background:linear-gradient(180deg,#1d2632,#151c25);
}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-insight-icon{
  background:linear-gradient(180deg,#263747,#1b2936);
}

/* Premium mobile shell stays crisp and GPU-cheap. */
@media(max-width:780px){
  body.clarity-v4 .header,
  body.clarity-v4[data-weather-scene] .header{
    background:linear-gradient(180deg,#181f2a,#111720)!important;
    border-color:rgba(229,238,249,.13)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.clarity-v4 .nav,
  body.clarity-v4[data-weather-scene] .nav{
    background:linear-gradient(180deg,#161d27,#0f151d)!important;
    border-color:rgba(229,238,249,.12)!important;
  }
}


/* v5.0.4beta — clean Hero + Radar-style Charts + symmetric More. */
body.clarity-v4 #view-charts .chart-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:end;
}
body.clarity-v4 #view-charts .chart-control-group{
  min-width:0;
  display:grid;
  gap:5px;
}
body.clarity-v4 #view-charts .chart-control-label{
  padding-left:3px;
  font-size:.57rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
  color:#8f9dac;
}
body.clarity-v4 #view-charts .chart-metric-group{min-width:0}
body.clarity-v4 #view-charts .chart-horizon-group{min-width:250px}
body.clarity-v4 #view-charts .range-btn:disabled{
  opacity:.32;
  cursor:not-allowed;
  filter:saturate(.45);
}
body.clarity-v4 #view-charts .chart-expert-toggle{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 11px;
  border:1px solid rgba(229,238,249,.11);
  border-radius:14px;
  background:linear-gradient(180deg,#1e2733,#161d27);
  cursor:pointer;
  user-select:none;
}
body.clarity-v4 #view-charts .chart-expert-toggle input{
  width:17px;
  height:17px;
  margin:0;
  accent-color:#8ecbff;
}
body.clarity-v4 #view-charts .chart-expert-toggle span{display:grid}
body.clarity-v4 #view-charts .chart-expert-toggle strong{
  font-size:.7rem;
  line-height:1.1;
  color:#f5f8fb;
}
body.clarity-v4 #view-charts .chart-expert-toggle small{
  font-size:.52rem;
  line-height:1.1;
  color:#95a3b2;
}
body.clarity-v4 #view-charts .segmented{
  min-width:0;
}
body.clarity-v4 #view-charts .chart-main{
  min-height:0;
}
body.clarity-v4 #view-more #changelog-card{
  grid-column:1/-1!important;
  width:100%;
  min-height:150px;
  justify-self:stretch;
  order:2;
  padding:18px 20px;
}
body.clarity-v4 #view-more #changelog-card .text-block{
  max-width:none;
  font-size:.8rem;
  line-height:1.55;
}
body.clarity-v4 #view-more .clarity-push-settings{
  order:3;
  grid-column:1/-1!important;
}

@media(max-width:720px){
  body.lm-charts-fullscreen{
    height:var(--lm-app-vh,100dvh)!important;
    min-height:var(--lm-app-vh,100dvh)!important;
    max-height:var(--lm-app-vh,100dvh)!important;
    overflow:hidden!important;
    padding:0!important;
    background:#090d13!important;
  }
  body.lm-charts-fullscreen .app{
    position:relative;
    width:100%;
    height:var(--lm-app-vh,100dvh)!important;
    min-height:var(--lm-app-vh,100dvh)!important;
    max-height:var(--lm-app-vh,100dvh)!important;
    padding:0 0 calc(84px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:0!important;
  }
  body.lm-charts-fullscreen .header{display:none!important}
  body.lm-charts-fullscreen .workspace{
    grid-row:1!important;
    min-height:0!important;
  }
  body.lm-charts-fullscreen #view-charts{
    height:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:0!important;
    overscroll-behavior-x:none;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-padding-top:calc(max(env(safe-area-inset-top),var(--lm-visual-top,0px)) + 8px);
  }
  body.lm-charts-fullscreen #view-charts::-webkit-scrollbar{display:none}
  body.lm-charts-fullscreen #view-charts .chart-shell{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:0!important;
    background:#090d13;
  }
  body.lm-charts-fullscreen #view-charts .chart-toolbar{
    position:relative;
    z-index:3;
    flex:0 0 auto;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "metric metric"
      "horizon expert";
    gap:7px!important;
    align-items:end!important;
    padding:
      calc(max(env(safe-area-inset-top),var(--lm-visual-top,0px)) + var(--lm-shell-top-gap,20px))
      8px 9px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(229,238,249,.10)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#151c25,#0f151d)!important;
    box-shadow:none!important;
  }
  body.lm-charts-fullscreen #view-charts .chart-metric-group{grid-area:metric}
  body.lm-charts-fullscreen #view-charts .chart-horizon-group{
    grid-area:horizon;
    min-width:0;
  }
  body.lm-charts-fullscreen #view-charts .chart-expert-toggle{
    grid-area:expert;
    min-height:40px;
    padding:6px 9px;
    border-radius:12px;
  }
  body.lm-charts-fullscreen #view-charts .chart-control-label{
    font-size:.49rem;
    padding-left:2px;
  }
  body.lm-charts-fullscreen #view-charts .segmented{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  body.lm-charts-fullscreen #view-charts .segmented::-webkit-scrollbar{display:none}
  body.lm-charts-fullscreen #view-charts .seg-btn{
    flex:0 0 auto;
    min-height:36px;
    padding:8px 9px;
    font-size:.62rem;
  }
  body.lm-charts-fullscreen #view-charts #chart-range-selector .seg-btn{
    padding-inline:10px;
  }
  body.lm-charts-fullscreen #view-charts .chart-main{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:9px 8px 6px!important;
    border:0!important;
    border-radius:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    gap:5px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 92% 0%,rgba(142,203,255,.055),transparent 28%),
      #0c1118!important;
    box-shadow:none!important;
  }
  body.lm-charts-fullscreen #view-charts .chart-header{
    min-height:0;
    display:block;
    padding:0 2px;
  }
  body.lm-charts-fullscreen #view-charts .chart-title{
    font-size:.94rem;
    line-height:1.15;
  }
  body.lm-charts-fullscreen #view-charts .chart-subtitle{
    margin-top:2px;
    font-size:.57rem;
    line-height:1.25;
  }
  body.lm-charts-fullscreen #view-charts .chart-readout{
    margin-top:6px;
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:5px;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  body.lm-charts-fullscreen #view-charts .chart-readout::-webkit-scrollbar{display:none}
  body.lm-charts-fullscreen #view-charts .readout-chip{
    min-width:82px;
    flex:0 0 auto;
    padding:5px 7px;
    border-radius:9px;
  }
  body.lm-charts-fullscreen #view-charts .readout-name{font-size:.48rem}
  body.lm-charts-fullscreen #view-charts .readout-value{font-size:.66rem}
  body.lm-charts-fullscreen #view-charts .chart-canvas-wrap{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    position:relative;
    overflow:hidden;
  }
  body.lm-charts-fullscreen #view-charts #weather-chart{
    width:100%!important;
    height:100%!important;
  }
  body.lm-charts-fullscreen #view-charts .chart-footer{
    margin:0!important;
    padding:4px 2px 0!important;
    min-height:20px;
    border-top-color:rgba(229,238,249,.07);
    font-size:.52rem;
    line-height:1.25;
    color:#8f9dac;
  }
  body.lm-charts-fullscreen #view-charts .chart-footer span:first-child{display:none}
  body.lm-charts-fullscreen #view-charts .chart-footer span:last-child{display:block}
  body.lm-charts-fullscreen .nav{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    z-index:1200!important;
  }
  body.clarity-v4 #view-more #changelog-card{
    min-height:132px;
    padding:16px 17px;
  }
}


/* v5.0.5beta — weather-integrated glass + chart containment. */
/* One photographic scene remains the only atmosphere owner. Surfaces now let
 * that scene tint the whole product without GPU-heavy backdrop blur.
 */
body.clarity-v4[data-weather-scene]{
  --lm-glass-panel:color-mix(in srgb,var(--lm-panel-bg) 82%,transparent);
  --lm-glass-header:color-mix(in srgb,var(--lm-header-bg) 88%,transparent);
  --lm-glass-nav:color-mix(in srgb,var(--lm-nav-bg) 88%,transparent);
  --lm-glass-hero:color-mix(in srgb,var(--lm-hero-bg) 90%,transparent);
}
body.clarity-v4[data-weather-scene]::after{
  background:linear-gradient(180deg,rgba(5,14,21,.08),rgba(5,15,23,.24) 46%,rgba(4,12,19,.52))!important;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header{
  min-height:78px;
  padding:10px 13px 10px 11px;
  border:1px solid rgba(218,239,252,.17)!important;
  border-radius:27px;
  background:var(--lm-header-bg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 42%,rgba(0,0,0,.055)),
    var(--lm-glass-header)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand{
  min-height:54px;
  padding:7px 13px 7px 8px;
  border:1px solid rgba(226,243,255,.12);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  font-size:1.34rem;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select,
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .round-btn{
  min-height:46px;
  border-color:rgba(220,240,253,.15);
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.028));
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .nav{
  min-height:58px;
  padding:7px;
  gap:5px;
  border:1px solid rgba(216,239,253,.15)!important;
  border-radius:23px;
  background:var(--lm-nav-bg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.008) 48%,rgba(0,0,0,.045)),
    var(--lm-glass-nav)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.065)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .nav-btn{
  min-height:43px;
  border-radius:16px;
  font-size:.78rem;
  font-weight:820;
}
body.clarity-v4[data-weather-scene] .panel,
body.clarity-v4[data-weather-scene] .clarity-insight{
  background:var(--lm-panel-bg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.008) 26%,rgba(0,0,0,.035)),
    var(--lm-glass-panel)!important;
  border-color:rgba(220,239,252,.16)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] #view-today .panel,
body.clarity-v4.lm-home-v5-beta[data-weather-scene] #view-today .clarity-insight{
  background:var(--lm-panel-bg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.008) 27%,rgba(0,0,0,.035)),
    var(--lm-glass-panel)!important;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] #view-today .clarity-hero{
  background:var(--lm-hero-bg)!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,.065),rgba(255,255,255,.012) 34%,rgba(0,0,0,.07)),
    var(--lm-glass-hero)!important;
}
body.clarity-v4.lm-home-v5-beta:not(.lm-cache-boot):not(.lm-cache-stale) #view-today .clarity-hero::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
body.clarity-v4.lm-home-v5-beta.lm-cache-boot #view-today .clarity-hero::before,
body.clarity-v4.lm-home-v5-beta.lm-cache-stale #view-today .clarity-hero::before{
  display:block!important;
  inset:auto!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  top:12px!important;
  right:14px!important;
  padding:4px 8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(4,16,26,.72)!important;
  pointer-events:none!important;
}
body.clarity-v4.lm-home-v5-beta.lm-cache-boot #view-today .clarity-hero::before{
  content:"Aggiornamento…"!important;
}
body.clarity-v4.lm-home-v5-beta.lm-cache-stale #view-today .clarity-hero::before{
  content:"Dati salvati"!important;
  color:#f7e589!important;
}
@media(max-width:780px){
  body.clarity-v4.lm-home-v5-beta.lm-cache-boot #view-today .clarity-hero::before,
  body.clarity-v4.lm-home-v5-beta.lm-cache-stale #view-today .clarity-hero::before{
    top:9px!important;
    right:10px!important;
    padding:3px 6px!important;
  }
  body.clarity-v4.lm-home-v5-beta.lm-cache-boot #view-today .clarity-hero::before{
    content:"↻ dati"!important;
  }
}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
body.clarity-v4[data-weather-scene] #view-today .hour-card,
body.clarity-v4[data-weather-scene] #view-today .day-card,
body.clarity-v4[data-weather-scene] #view-charts .segmented,
body.clarity-v4[data-weather-scene] #view-charts .readout-chip,
body.clarity-v4[data-weather-scene] #view-models .model-stat{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(222,239,251,.10)!important;
}
body.clarity-v4[data-weather-scene] #view-today .hour-card:first-child,
body.clarity-v4[data-weather-scene] #view-today .day-card.active,
body.clarity-v4[data-weather-scene] #view-charts .seg-btn.active{
  background:linear-gradient(180deg,rgba(142,203,255,.17),rgba(108,177,226,.075))!important;
}
body.clarity-v4[data-weather-scene] #view-charts .chart-toolbar,
body.clarity-v4[data-weather-scene] #view-charts .chart-main,
body.clarity-v4[data-weather-scene] #view-models .model-card,
body.clarity-v4[data-weather-scene] #view-more .more-card,
body.clarity-v4[data-weather-scene] #view-more .clarity-push-settings,
body.clarity-v4[data-weather-scene] #view-more .clarity-tool{
  background:var(--lm-panel-bg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.006) 28%,rgba(0,0,0,.035)),
    var(--lm-glass-panel)!important;
  border-color:rgba(220,239,252,.15)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.clarity-v4[data-weather-scene] #view-charts .chart-expert-toggle{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(220,239,252,.13)!important;
}
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-hero,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-tabs,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-side,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-map-panel,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-card,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-track{
  background:var(--lm-panel-bg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.006) 28%,rgba(0,0,0,.035)),
    var(--lm-glass-panel)!important;
  border-color:rgba(220,239,252,.15)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-stat,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-track-body div,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-play,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-iconbtn,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-subtab,
body.clarity-v4[data-weather-scene] #view-radar .lm-radar-legend{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(220,239,252,.12)!important;
}
body.clarity-v4[data-weather-scene] #view-radar #lm-radar-map{
  /* Radar data keeps its own neutral plane: never tint or filter the map. */
  background:#0a0f16!important;
}
body.clarity-v4[data-weather-scene] #view-reliability .lm-p-hero,
body.clarity-v4[data-weather-scene] #view-reliability .lm-p-section,
body.clarity-v4[data-weather-scene] #view-reliability .lm-p-details{
  background:var(--lm-panel-bg)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.006) 28%,rgba(0,0,0,.035)),
    var(--lm-glass-panel)!important;
  border-color:rgba(220,239,252,.15)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.clarity-v4[data-weather-scene] #view-reliability .lm-p-live,
body.clarity-v4[data-weather-scene] #view-reliability .lm-p-excluded,
body.clarity-v4[data-weather-scene] #view-reliability .lm-p-hour,
body.clarity-v4[data-weather-scene] #view-reliability .lm-p-check,
body.clarity-v4[data-weather-scene] #view-reliability .lm-version{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(220,239,252,.11)!important;
}
body.clarity-v4 #view-charts,
body.clarity-v4 #view-charts .chart-shell,
body.clarity-v4 #view-charts .chart-toolbar,
body.clarity-v4 #view-charts .chart-main,
body.clarity-v4 #view-charts .chart-canvas-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
body.clarity-v4 #view-charts .chart-main,
body.clarity-v4 #view-charts .chart-canvas-wrap{
  overflow:hidden;
}
body.clarity-v4 #view-charts #weather-chart{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

@media(max-width:720px){
  body.clarity-v4.lm-charts-fullscreen{
    background:transparent!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-shell{
    background:transparent!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{
    grid-template-columns:minmax(0,1fr) 96px!important;
    background:var(--lm-header-bg)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.065),rgba(0,0,0,.035)),
      var(--lm-glass-header)!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-horizon-group{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle{
    width:96px;
    max-width:96px;
    min-width:96px;
    box-sizing:border-box;
    gap:7px;
    padding:6px 8px;
    overflow:hidden;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle input{
    flex:0 0 17px;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle span{
    min-width:0;
    overflow:hidden;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle strong{
    font-size:.64rem;
    white-space:nowrap;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle small{
    font-size:.46rem;
    white-space:nowrap;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{
    background:var(--lm-panel-bg)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.025)),
      var(--lm-glass-panel)!important;
  }
}


/* v5.0.6beta — denser premium glass + mobile geometry. */
/* Weather remains visible between surfaces, not through the text like a cheap
 * overlay. One opaque graphite component in each mix keeps contrast stable.
 */
body.clarity-v4[data-weather-scene]{
  --lm-glass-panel:color-mix(in srgb,var(--lm-panel-bg) 38%,#101923 62%);
  --lm-glass-header:color-mix(in srgb,var(--lm-header-bg) 25%,#101720 75%);
  --lm-glass-nav:color-mix(in srgb,var(--lm-nav-bg) 25%,#0f161f 75%);
  --lm-glass-hero:color-mix(in srgb,var(--lm-hero-bg) 50%,#10202c 50%);
}
body.clarity-v4[data-weather-scene]::after{
  background:
    linear-gradient(180deg,rgba(4,12,18,.16),rgba(5,14,21,.34) 46%,rgba(4,11,18,.62))!important;
}
body.clarity-v4[data-weather-scene] .panel,
body.clarity-v4[data-weather-scene] .clarity-insight{
  border-color:rgba(220,239,252,.13)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] #view-today .clarity-hero{
  border-color:rgba(222,241,253,.16)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.clarity-v4.lm-home-active #view-today{
  padding-top:9px!important;
}

@media(max-width:720px){
  body.clarity-v4.lm-home-active #view-today{
    padding-top:11px!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header{
    min-height:72px;
    padding:8px 10px;
    gap:7px;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand{
    min-width:0;
    flex:1 1 auto;
    min-height:50px;
    padding:6px 8px 6px 7px;
    gap:7px;
    font-size:1.08rem;
    overflow:hidden;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand>div{
    min-width:0;
    white-space:nowrap;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand small{
    display:none!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header-actions{
    flex:0 0 auto;
    min-width:0;
    gap:6px;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select{
    display:block!important;
    flex:0 0 106px!important;
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 8px!important;
    color:#f7fbfe!important;
    -webkit-text-fill-color:#f7fbfe!important;
    font-size:.68rem!important;
    font-weight:800!important;
    text-align:left!important;
    opacity:1!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .round-btn{
    flex:0 0 44px;
    width:44px;
    min-height:44px;
  }

  /* Safari/Chart.js must never let intrinsic canvas/legend width grow the grid. */
  body.clarity-v4.lm-charts-fullscreen #view-charts{
    width:100vw!important;
    max-width:100vw!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-shell{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
    justify-self:center!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{
    padding-inline:10px!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-header,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-readout,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-footer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-canvas-wrap{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    min-width:0!important;
    overflow:hidden!important;
    contain:inline-size;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts #weather-chart{
    max-width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:390px){
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select{
    flex-basis:98px!important;
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    font-size:.64rem!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand{
    font-size:1.02rem;
  }
}


/* v5.0.7beta — unified premium shell polish.
 * Keep the weather photo atmospheric, but make controls and analytical pages
 * feel like one product instead of separate rectangular layers.
 */
body.clarity-v4[data-weather-scene]{
  --lm-premium-surface:color-mix(in srgb,#101923 91%,transparent);
  --lm-premium-surface-soft:color-mix(in srgb,#101b25 87%,transparent);
  --lm-premium-border:rgba(220,239,252,.115);
  --lm-premium-highlight:rgba(255,255,255,.055);
}

/* Header controls must share one geometry on every view. */
body.clarity-v4 .location-select,
body.clarity-v4 .round-btn,
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select,
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .round-btn{
  border-radius:999px!important;
  border-color:var(--lm-premium-border)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),
    #121c27!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.12)!important;
}
body.clarity-v4 .round-btn{
  aspect-ratio:1;
}

/* The version badge is part of the brand, never disposable overflow. */
body.clarity-v4 #luke-version{
  display:inline-flex!important;
  align-items:center;
  flex:0 0 auto!important;
  max-width:none!important;
  min-width:max-content!important;
  overflow:visible!important;
  white-space:nowrap!important;
  vertical-align:middle;
}

@media(max-width:720px){
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header{
    gap:6px!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:visible!important;
    padding-right:7px!important;
    font-size:1rem!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand>div{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] #luke-version{
    font-size:.49rem!important;
    line-height:1!important;
    padding:4px 6px!important;
    letter-spacing:.01em!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select{
    flex:0 0 100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    padding-inline:10px!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .round-btn{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }

  /* Charts: two deliberate rounded surfaces floating in the same weather shell. */
  body.clarity-v4.lm-charts-fullscreen #view-charts{
    background:transparent!important;
    padding:0 8px 8px!important;
    overflow-x:hidden!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-shell{
    gap:10px!important;
    overflow:visible!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border:1px solid var(--lm-premium-border)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.006) 36%,rgba(0,0,0,.035)),
      var(--lm-premium-surface)!important;
    box-shadow:
      0 18px 44px rgba(0,0,0,.22),
      inset 0 1px 0 var(--lm-premium-highlight)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{
    border-radius:24px!important;
    overflow:hidden!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{
    position:relative;
    border-radius:26px!important;
    overflow:hidden!important;
    padding:16px 12px 13px!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main::before,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:22px;
    pointer-events:none;
    z-index:0;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main::before{
    top:0;
    background:linear-gradient(180deg,rgba(116,190,239,.055),rgba(116,190,239,0));
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main::after{
    bottom:0;
    background:linear-gradient(0deg,rgba(4,11,18,.18),rgba(4,11,18,0));
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-header,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-canvas-wrap,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-footer{
    position:relative;
    z-index:1;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-canvas-wrap{
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
    margin-inline:auto!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-footer{
    border-top-color:rgba(220,239,252,.07)!important;
  }
}

@media(max-width:390px){
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand{
    font-size:.94rem!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] #luke-version{
    font-size:.46rem!important;
    padding:4px 5px!important;
  }
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select{
    flex-basis:94px!important;
    width:94px!important;
    min-width:94px!important;
    max-width:94px!important;
  }
}


/* v5.0.9beta — consolidated premium visual system.
 * This is the single active finishing layer for shell geometry, typography,
 * surfaces and motion. It replaces the previous 5.0.8beta finishing layer
 * instead of stacking another override block on top of it.
 */
body.clarity-v4{
  --lm-radius-chip:12px;
  --lm-radius-control:16px;
  --lm-radius-tile:18px;
  --lm-radius-card:24px;
  --lm-radius-shell:26px;
  --lm-space-1:4px;
  --lm-space-2:8px;
  --lm-space-3:12px;
  --lm-space-4:16px;
  --lm-space-5:24px;
  --lm-space-6:32px;
  --lm-font-caption:.70rem;
  --lm-font-meta:.75rem;
  --lm-font-body:.84rem;
  --lm-font-subtitle:.92rem;
  --lm-font-title:1.08rem;
  --lm-weight-copy:450;
  --lm-weight-label:600;
  --lm-weight-title:720;
  --lm-border-soft:rgba(225,239,249,.12);
  --lm-border-strong:rgba(190,222,244,.20);
  --lm-border-hover:rgba(179,220,249,.28);
  --lm-surface-1:rgba(18,28,38,.88);
  --lm-surface-2:rgba(21,33,45,.91);
  --lm-surface-3:rgba(26,40,54,.93);
  --lm-control:rgba(255,255,255,.045);
  --lm-control-selected:rgba(112,190,246,.14);
  --lm-shadow-card:0 14px 34px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.04);
  --lm-shadow-hover:0 18px 38px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.055);
  --lm-motion-fast:140ms;
  --lm-motion-reveal:240ms;
  --lm-motion-ease:cubic-bezier(.2,.72,.2,1);
  --lm-focus-ring:rgba(145,211,255,.92);
  --lm-press-surface:rgba(110,191,249,.12);
}
body.clarity-v4 *,
body.clarity-v4 *::before,
body.clarity-v4 *::after{box-sizing:border-box}
body.clarity-v4{
  font-variant-numeric:normal;
  text-rendering:optimizeLegibility;
}
body.clarity-v4 button,
body.clarity-v4 select,
body.clarity-v4 input{font-family:inherit}
body.clarity-v4 :is(.clarity-temp,.clarity-stat strong,.metric-value,.day-temp,.hour-temp,.readout-value,.model-stat strong,.lm-p-score strong,.lm-p-coverage strong){
  font-variant-numeric:tabular-nums;
}

/* Atmospheric plane: brighter, but never relied on for foreground contrast. */
body.clarity-v4::before{
  filter:var(--lm-photo-filter) brightness(1.10) saturate(1.025)!important;
}
body.clarity-v4[data-weather-scene]::after{
  background:linear-gradient(180deg,rgba(4,12,18,.055),rgba(6,15,23,.19) 44%,rgba(4,11,18,.44))!important;
}

/* Shared geometry and material family. */
body.clarity-v4 .workspace{min-width:0}
body.clarity-v4 .view:not(#view-radar){
  max-width:100%;
  padding-left:6px!important;
  padding-right:6px!important;
}
body.clarity-v4 :is(
  .panel,.clarity-insight,#view-more .more-card,#view-more .clarity-push-settings,
  #view-more .clarity-tool,#view-models .model-card
){max-width:100%;border-color:var(--lm-border-soft)!important}
body.clarity-v4 :is(
  .clarity-hero,.timeline-panel,.forecast-panel,#view-charts .chart-toolbar,
  #view-charts .chart-main,#view-more .more-card,#view-more .clarity-push-settings,
  #view-models .model-card,#view-reliability .lm-p-hero,#view-reliability .lm-p-section,
  #view-reliability .lm-p-details
){
  border-radius:var(--lm-radius-card)!important;
  box-shadow:var(--lm-shadow-card);
}
body.clarity-v4 :is(
  .clarity-stat,.clarity-insight,#view-more .clarity-tool,#view-charts .readout-chip,
  .hour-card,.day-card,.model-stat,.obs-item
){border-radius:var(--lm-radius-tile)!important}
body.clarity-v4 :is(
  .segmented,#view-charts .chart-options label,.badge,.chip,.model-badge
){border-radius:var(--lm-radius-control)!important}

body.clarity-v4 :is(.panel,.timeline-panel,.forecast-panel,#view-more .more-card,#view-more .clarity-push-settings,#view-models .model-card){
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 38%),var(--lm-surface-1)!important;
}
body.clarity-v4 .clarity-hero{
  background:linear-gradient(135deg,rgba(35,77,104,.73),rgba(16,30,42,.91))!important;
}
body.clarity-v4 .clarity-hero::after{content:none!important;display:none!important}

/* Type roles. Keep metadata secondary, not microscopic. */
body.clarity-v4 :is(
  .section-title,.clarity-eyebrow,#view-charts .readout-name,#view-more .clarity-tool small,
  .metric-label,.day-label,.hour-time,.model-stat small,.obs-label
){
  font-size:var(--lm-font-caption)!important;
  font-weight:var(--lm-weight-label)!important;
}
body.clarity-v4 :is(
  .clarity-headline,#view-charts .chart-subtitle,#view-more .clarity-tools-heading small,
  #view-more .more-card p,.text-block,.model-note,.timeline-detail,.event-detail,.hour-meta
){
  font-size:var(--lm-font-body)!important;
  font-weight:var(--lm-weight-copy)!important;
  line-height:1.48;
}
body.clarity-v4 :is(
  #view-charts .chart-title,#view-more .clarity-tools-heading strong,#view-more .more-card h3,
  #view-more .clarity-push-settings h3,.model-name,.priority-title
){
  font-size:var(--lm-font-title)!important;
  font-weight:var(--lm-weight-title)!important;
  line-height:1.18;
}
body.clarity-v4 :is(.brand,.lm-brand-title,.section-title,.forecast-section-title>span:first-child){
  font-weight:var(--lm-weight-title)!important;
}
body.clarity-v4 :is(.nav-btn,.seg-btn,.notify-btn,.clarity-detail-toggle,.chart-expert-toggle,.day-card){
  font-weight:var(--lm-weight-label)!important;
}
body.clarity-v4 .clarity-temp{
  font-weight:730!important;
  letter-spacing:-.055em!important;
}
body.clarity-v4 .clarity-condition{font-weight:620!important}
body.clarity-v4 .clarity-stat strong,
body.clarity-v4 #view-charts .readout-value{letter-spacing:-.012em;font-weight:680!important}

/* Header: stable on every page, readable on narrow iPhones, badge never clipped. */
body.clarity-v4 .header{
  border-radius:var(--lm-radius-shell)!important;
  border-color:var(--lm-border-soft)!important;
  background:rgba(13,26,37,.95)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
  overflow:visible!important;
}
body.clarity-v4 .header::before{display:none!important}
body.clarity-v4 .brand{min-width:0}
body.clarity-v4 .brand>div{min-width:0}
body.clarity-v4 .lm-brand-title{white-space:nowrap}
body.clarity-v4 #luke-version{
  max-width:100%!important;
  min-width:0!important;
  font-weight:600!important;
}
body.clarity-v4 .header-actions{min-width:0}
body.clarity-v4 .location-select,
body.clarity-v4 .round-btn{
  border-color:var(--lm-border-soft)!important;
  background:var(--lm-control)!important;
}
body.clarity-v4 .location-select{font-weight:600!important}
body.clarity-v4 .round-btn{overflow:visible!important}

/* Home hierarchy and readable controls. */
body.clarity-v4 .priority-card::after{content:none!important;display:none!important}
body.clarity-v4 .clarity-hero-main{align-items:center}
body.clarity-v4 .clarity-hero-icon{filter:drop-shadow(0 7px 16px rgba(0,0,0,.18))}
body.clarity-v4 .clarity-headline{color:#d1dde6!important}
body.clarity-v4 .clarity-stat{
  background:rgba(7,18,27,.34)!important;
  border:1px solid rgba(225,239,249,.09)!important;
}
body.clarity-v4 .clarity-stat span{color:#a1b3c0!important}
body.clarity-v4 .clarity-stat small{
  color:#8fa2b0!important;
  font-size:var(--lm-font-caption)!important;
}
body.clarity-v4 .clarity-detail-toggle{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:12px!important;
  padding:0 12px!important;
  border:1px solid rgba(141,207,252,.15)!important;
  border-radius:14px!important;
  background:rgba(105,186,248,.07)!important;
  color:#a8dbff!important;
  font-size:.78rem!important;
}
body.clarity-v4 .clarity-detail-toggle::after{margin-left:2px}
body.clarity-v4 .timeline-wrap{
  scrollbar-width:thin;
  scrollbar-color:rgba(145,197,234,.35) transparent;
  scroll-snap-type:x proximity;
  padding-inline:4px 22px!important;
}
body.clarity-v4 .timeline-node{scroll-snap-align:start}
body.clarity-v4 .timeline-name{font-size:.86rem!important;font-weight:650!important}
body.clarity-v4 .timeline-time{font-size:.75rem!important;font-weight:600!important}
body.clarity-v4 .daily-strip,
body.clarity-v4 .hourly-strip{scrollbar-width:thin;scrollbar-color:rgba(145,197,234,.28) transparent}
body.clarity-v4 .day-card.active{
  border-color:rgba(131,202,250,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(131,202,250,.12)!important;
}
body.clarity-v4 .day-card{min-width:0}
body.clarity-v4 .hour-card{cursor:default}
body.clarity-v4 .hour-meta{color:#98aab7!important}

/* Charts: full analytical workspace with discoverable horizontal controls. */
body.clarity-v4 #view-charts .chart-toolbar{
  border-color:var(--lm-border-soft)!important;
  background:rgba(17,29,40,.94)!important;
}
body.clarity-v4 #view-charts .segmented{
  max-width:100%;
  overflow-x:auto!important;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(146,200,238,.34) transparent;
  scroll-padding-inline:5px;
}
body.clarity-v4 #view-charts .segmented::-webkit-scrollbar{height:4px}
body.clarity-v4 #view-charts .segmented::-webkit-scrollbar-thumb{background:rgba(146,200,238,.32);border-radius:999px}
body.clarity-v4 #view-charts .seg-btn{
  min-height:38px;
  padding:8px 11px!important;
  font-size:.74rem!important;
}
body.clarity-v4 #view-charts .seg-btn.active{
  background:var(--lm-control-selected)!important;
  color:#f6fbff!important;
  box-shadow:inset 0 0 0 1px rgba(138,206,252,.13)!important;
}
body.clarity-v4 #view-charts .seg-btn:disabled{
  opacity:.46;
  cursor:not-allowed;
  text-decoration:none;
}
body.clarity-v4 #view-charts .chart-range-availability{
  display:block;
  min-height:1.25em;
  margin-top:5px;
  color:#8fa2b1;
  font-size:.68rem;
  line-height:1.3;
}
body.clarity-v4 #view-charts .chart-expert-toggle{
  flex:0 0 auto;
  min-height:44px;
  max-width:180px;
  gap:8px!important;
  padding:7px 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid var(--lm-border-soft)!important;
  overflow:hidden;
}
body.clarity-v4 #view-charts .chart-expert-toggle span{
  min-width:0;
  display:grid!important;
  gap:1px;
}
body.clarity-v4 #view-charts .chart-expert-toggle strong{
  font-size:.76rem!important;
  font-weight:650!important;
  line-height:1.08;
}
body.clarity-v4 #view-charts .chart-expert-toggle small{
  min-width:0;
  max-width:122px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.66rem!important;
  line-height:1.08;
  color:#9eafbd!important;
}
body.clarity-v4 #view-charts .chart-main{
  border-color:var(--lm-border-soft)!important;
  background:rgba(15,27,38,.92)!important;
}
body.clarity-v4 #view-charts .chart-readout{
  max-width:100%;
  flex-wrap:nowrap!important;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  padding:1px 14px 5px 1px;
}
body.clarity-v4 #view-charts .readout-chip{
  flex:0 0 auto;
  min-width:88px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(225,239,249,.08)!important;
  cursor:default;
}
body.clarity-v4 #view-charts .chart-footer{
  font-size:.72rem!important;
  line-height:1.45;
  color:#93a5b3!important;
}

/* More / models: identical internal rhythm for equal roles. */
body.clarity-v4 #view-more .clarity-tools{gap:10px}
body.clarity-v4 #view-more .clarity-tool{
  min-height:124px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  padding:16px!important;
  background:rgba(255,255,255,.038)!important;
  border:1px solid var(--lm-border-soft)!important;
}
body.clarity-v4 #view-more .clarity-tool>span:first-child{font-size:1.45rem!important;line-height:1}
body.clarity-v4 #view-more .clarity-tool strong{margin-top:8px!important;font-size:.90rem!important;font-weight:680!important}
body.clarity-v4 #view-more .clarity-tool small{margin-top:5px!important;line-height:1.45;color:#9eafbc!important}
body.clarity-v4 .clarity-expert-tag{
  margin-top:auto!important;
  padding:4px 7px!important;
  font-size:.61rem!important;
  font-weight:650!important;
}
body.clarity-v4 #view-more .more-card,
body.clarity-v4 #view-more .clarity-push-settings{padding:17px!important}
body.clarity-v4 #view-more .section-title{margin-bottom:10px!important}
body.clarity-v4 #view-more .push-status-pill{
  font-size:.70rem!important;
  font-weight:600!important;
}
body.clarity-v4 #view-more .push-prefs-intro{
  margin:14px 0 6px;
  padding:12px 13px;
  border:1px solid rgba(225,239,249,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:#aebcc7;
  font-size:.78rem;
  line-height:1.5;
}
body.clarity-v4 #view-more .push-prefs-intro strong{color:#edf6fc;font-weight:650}
body.clarity-v4 #view-more .pref-row{
  min-height:52px;
  padding:12px 0!important;
  gap:14px!important;
  font-size:.80rem!important;
}
body.clarity-v4 #view-more .pref-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
body.clarity-v4 #view-more .pref-title{
  color:#eaf3f9;
  font-size:.82rem;
  font-weight:650;
  line-height:1.3;
}
body.clarity-v4 #view-more .pref-description,
body.clarity-v4 #view-more .pref-location-note{
  display:block;
  color:#9eafbc;
  font-size:.76rem;
  line-height:1.48;
  font-weight:450;
}
body.clarity-v4 #view-more :is(.push-pref,.push-location){
  min-width:20px;
  min-height:20px;
  accent-color:#76bff2;
}
body.clarity-v4 #view-more .pref-locations>span:last-child{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 12px;
}
body.clarity-v4 #view-more .pref-locations>span:last-child label{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#c2d0da;
  font-size:.76rem;
}
body.clarity-v4 #view-more .push-help{
  margin-top:12px;
  padding:13px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.028);
  color:#b4c2cd;
  font-size:.78rem!important;
  line-height:1.5;
}
body.clarity-v4 #view-more .push-actions{margin-top:12px}
body.clarity-v4 .notify-btn{
  min-height:44px;
  border:1px solid rgba(146,204,243,.14)!important;
  background:rgba(81,156,207,.18)!important;
  color:#eaf6ff!important;
}
body.clarity-v4 .notify-btn.danger{
  background:rgba(179,76,88,.14)!important;
  border-color:rgba(255,128,139,.20)!important;
  color:#ffc5ca!important;
}
body.clarity-v4 #view-models .models-layout{gap:12px}
body.clarity-v4 #view-models .model-card{padding:18px!important}
body.clarity-v4 #view-models .model-note{color:#9aabb8!important}

/* Precision: explicitly include the hero in the common surface family. */
body.clarity-v4 #view-reliability .lm-precision{gap:14px!important}
body.clarity-v4 #view-reliability .lm-p-hero{
  border-color:var(--lm-border-soft)!important;
  background:linear-gradient(135deg,rgba(30,52,69,.93),rgba(17,28,39,.94))!important;
}
body.clarity-v4 #view-reliability .lm-p-section,
body.clarity-v4 #view-reliability .lm-p-details{
  border-color:var(--lm-border-soft)!important;
  background:var(--lm-surface-1)!important;
}
body.clarity-v4 #view-reliability .lm-p-details summary{min-height:54px}

/* Main-page width rhythm. Charts/Radar intentionally remain edge-efficient. */
@media(min-width:1080px){
  body.clarity-v4 #view-today .overview-grid,
  body.clarity-v4 #view-more .more-grid,
  body.clarity-v4 #view-models .models-layout,
  body.clarity-v4 #view-reliability .lm-precision{
    width:min(100%,1360px);
    margin-inline:auto;
  }
}

/* Accessibility: clear keyboard focus and honest interactive affordance. */
body.clarity-v4 :is(button,select,input,[role="button"],summary):focus-visible{
  outline:2px solid rgba(145,211,255,.92)!important;
  outline-offset:2px!important;
}
body.clarity-v4 :is(button,.day-card,.clarity-tool,.nav-btn,summary){touch-action:manipulation}
body.clarity-v4 :is(.clarity-stat,.hour-card,.readout-chip,.model-card,.more-card){cursor:default}

/* Mobile header and compact controls. */
@media(max-width:720px){
  body.clarity-v4 .app{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.clarity-v4:not(.lm-charts-fullscreen):not(.lm-radar-fullscreen) .header,
  body.clarity-v4.lm-home-v5-beta[data-weather-scene]:not(.lm-charts-fullscreen):not(.lm-radar-fullscreen) .header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    min-height:70px!important;
    padding:7px 8px!important;
    gap:7px!important;
    border-radius:22px!important;
    overflow:visible!important;
  }
  body.clarity-v4 .brand,
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
    gap:7px!important;
    overflow:hidden!important;
    font-size:.98rem!important;
  }
  body.clarity-v4 .brand>div,
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .brand>div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    gap:2px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.clarity-v4 .lm-brand-title{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.98rem!important;
    line-height:1.05!important;
    font-weight:700!important;
    letter-spacing:-.02em;
  }
  body.clarity-v4 #luke-version{
    justify-self:start!important;
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:1px 0 0!important;
    padding:3px 6px!important;
    font-size:.625rem!important;
    line-height:1.1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.clarity-v4 .header-actions{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:6px!important;
    min-width:0!important;
  }
  body.clarity-v4 .location-select,
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select{
    flex:0 0 clamp(120px,34vw,142px)!important;
    width:clamp(120px,34vw,142px)!important;
    min-width:120px!important;
    max-width:142px!important;
    height:44px!important;
    padding:0 22px 0 8px!important;
    font-size:.74rem!important;
    border-radius:999px!important;
    text-overflow:ellipsis;
  }
  body.clarity-v4 .round-btn,
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .round-btn{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:50%!important;
  }
  body.clarity-v4 .lm-brand-mark{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
  body.clarity-v4 .view:not(#view-radar){
    padding-left:4px!important;
    padding-right:4px!important;
  }
  body.clarity-v4 .clarity-hero{
    padding:18px 15px!important;
    border-radius:22px!important;
  }
  body.clarity-v4 .clarity-hero-icon{font-size:3.35rem!important}
  body.clarity-v4 .clarity-temp{font-size:clamp(3rem,15vw,3.75rem)!important}
  body.clarity-v4 .clarity-condition{font-size:.95rem!important}
  body.clarity-v4 .clarity-headline{font-size:.84rem!important}
  body.clarity-v4 .clarity-hero-stats{gap:7px!important}
  body.clarity-v4 .clarity-stat{padding:10px 9px!important}
  body.clarity-v4 .clarity-stat span{font-size:.68rem!important}
  body.clarity-v4 .clarity-stat strong{font-size:.92rem!important}
  body.clarity-v4 .clarity-stat small{font-size:.64rem!important}
  body.clarity-v4 .timeline-panel,
  body.clarity-v4 .forecast-panel{padding:15px 13px!important}
  body.clarity-v4 .timeline-node{width:156px!important;flex-basis:156px!important}
  body.clarity-v4 .timeline-detail{font-size:.76rem!important}
  body.clarity-v4 .timeline-name{font-size:.84rem!important}
  body.clarity-v4 #view-charts{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  body.clarity-v4 #view-charts .chart-toolbar,
  body.clarity-v4 #view-charts .chart-main{
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.clarity-v4 #view-charts .chart-toolbar{
    padding:9px!important;
    gap:8px!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 120px!important;
    grid-template-areas:"metric metric" "horizon horizon" "availability expert"!important;
    align-items:center!important;
  }
  body.clarity-v4 #view-charts .chart-control-group{min-width:0!important;max-width:100%!important}
  body.clarity-v4 #view-charts .chart-metric-group{grid-area:metric!important}
  body.clarity-v4 #view-charts .chart-horizon-group{grid-area:horizon!important}
  body.clarity-v4 #chart-range-availability{grid-area:availability!important;margin:0!important}
  body.clarity-v4 #chart-range-selector{width:100%!important}
  body.clarity-v4 #chart-range-selector .range-btn{flex:1 0 auto!important;padding-inline:8px!important}
  body.clarity-v4 #view-charts .chart-expert-toggle{
    grid-area:expert!important;
    width:120px!important;
    min-width:0!important;
    max-width:120px!important;
    margin:0!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-canvas-wrap{
    min-height:0!important;
    height:100%!important;
  }
  body.clarity-v4 #view-charts .chart-readout{
    padding-right:18px!important;
    scroll-padding-inline:8px;
  }
  body.clarity-v4 #view-more .clarity-tools{grid-template-columns:1fr 1fr!important}
  body.clarity-v4 #view-more .clarity-tool{min-height:132px;padding:14px!important}
  body.clarity-v4 #view-more .more-card,
  body.clarity-v4 #view-more .clarity-push-settings{padding:15px!important}
  body.clarity-v4 #view-more .pref-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
  body.clarity-v4 #view-more .pref-locations{grid-template-columns:1fr!important}
  body.clarity-v4 #view-more .pref-locations>span:last-child{justify-content:flex-start!important}
}
@media(max-width:350px){
  body.clarity-v4 .lm-brand-title{font-size:.91rem!important}
  body.clarity-v4 .lm-brand-mark{width:29px!important;height:29px!important;flex-basis:29px!important}
  body.clarity-v4 .location-select,
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .location-select{
    flex-basis:120px!important;
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    font-size:.70rem!important;
  }
}

/* Short landscape: preserve access to controls instead of forcing tall cards. */
@media(max-width:900px) and (max-height:520px){
  body.clarity-v4 .header{min-height:58px!important}
}

/* One-shot reveal: subtle and never required for content visibility. */
body.clarity-v4.lm-home-v5-beta .lm-reveal{
  opacity:.65;
  transform:translate3d(0,8px,0);
  transition:
    opacity var(--lm-motion-reveal) var(--lm-motion-ease) var(--lm-reveal-delay,0ms),
    transform var(--lm-motion-reveal) var(--lm-motion-ease) var(--lm-reveal-delay,0ms);
}
body.clarity-v4.lm-home-v5-beta .lm-reveal.lm-reveal-visible{
  opacity:1;
  transform:none;
}

/* Shared interaction contract. Layout and weather accents remain component-owned.
   No shadow/blur animation; touch feedback never changes a control's size. */
body.clarity-v4 .clarity-collapse-btn{min-height:40px;padding:6px 10px;font-size:var(--lm-font-meta)}
body.clarity-v4 :is(
  .nav-btn,.seg-btn,.range-btn,.round-btn,.location-select,.notify-btn,
  .clarity-detail-toggle,.clarity-collapse-btn,.chart-expert-toggle,.day-card,.clarity-tool,
  .lm-radar-tab,.lm-radar-subtab,.lm-radar-play,.lm-radar-iconbtn,
  .lm-inbox-close,.lm-inbox-delete,.lm-change-back,#changelog-card,summary
){
  transition:background-color var(--lm-motion-fast) ease,color var(--lm-motion-fast) ease,
    border-color var(--lm-motion-fast) ease,transform var(--lm-motion-fast) var(--lm-motion-ease)!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
body.clarity-v4 :is(
  .seg-btn,.range-btn,.lm-radar-tab,.lm-radar-subtab,.lm-radar-play,.lm-radar-iconbtn,
  .round-btn,.clarity-collapse-btn,.lm-inbox-close,.lm-inbox-delete,.lm-change-back
){border-radius:var(--lm-radius-chip)!important}
body.clarity-v4 :is(.seg-btn,.range-btn,.lm-radar-tab,.lm-radar-subtab,.nav-btn).active{
  background:var(--lm-control-selected)!important;
  color:var(--text)!important;
  box-shadow:inset 0 0 0 1px var(--lm-border-strong)!important;
}
body.clarity-v4 :is(button,select,input,summary,[role="button"]):focus-visible{
  outline:2px solid var(--lm-focus-ring)!important;outline-offset:2px!important;
}
body.clarity-v4 :is(button,select):disabled{
  cursor:not-allowed;opacity:.46;
}
body.clarity-v4 :is(
  .nav-btn,.seg-btn,.range-btn,.round-btn,.notify-btn,.clarity-detail-toggle,.clarity-collapse-btn,
  .lm-radar-tab,.lm-radar-subtab,.lm-radar-play,.lm-radar-iconbtn,
  .lm-inbox-close,.lm-inbox-delete,.lm-change-back,summary
):active:not(:disabled){
  transform:translateY(1px)!important;
  background-color:var(--lm-press-surface)!important;
}
@media(hover:hover) and (pointer:fine){
  body.clarity-v4 :is(
    .nav-btn,.seg-btn,.range-btn,.round-btn,.location-select,.notify-btn,
    .clarity-detail-toggle,.clarity-collapse-btn,.chart-expert-toggle,.lm-radar-tab,.lm-radar-subtab,
    .lm-radar-play,.lm-radar-iconbtn,.lm-inbox-close,.lm-inbox-delete,.lm-change-back,summary
  ):hover:not(:disabled){color:var(--text);border-color:var(--lm-border-hover)!important}
  body.clarity-v4 :is(.clarity-tool,.day-card,#changelog-card):hover{
    transform:translateY(-1px)!important;border-color:var(--lm-border-hover)!important;
  }
  body.clarity-v4 :is(.clarity-tool,.day-card,.clarity-detail-toggle,.notify-btn,.round-btn):hover{
    border-color:var(--lm-border-hover)!important;
  }
  body.clarity-v4 .clarity-tool:hover{
    box-shadow:var(--lm-shadow-hover)!important;
  }
  body.clarity-v4 :is(.nav-btn,.seg-btn):hover{color:#f5faff}
  body.clarity-v4 .clarity-tool>span:first-child,
  body.clarity-v4 .nav-icon{transition:transform 170ms cubic-bezier(.2,.72,.2,1)}
}

/* Respect reduced-motion for both shell transitions and Chart.js canvas animation hooks. */
@media(prefers-reduced-motion:reduce){
  body.clarity-v4 :is(button,select,summary,.day-card,.clarity-tool,#changelog-card){
    transition:none!important;animation:none!important;transform:none!important;
  }
  body.clarity-v4 *,
  body.clarity-v4 *::before,
  body.clarity-v4 *::after{
    scroll-behavior:auto!important;
  }
  body.clarity-v4 .lm-reveal,
  body.clarity-v4 .lm-reveal.lm-reveal-visible,
  body.clarity-v4 :is(.clarity-tool,.day-card,.nav-btn,.seg-btn,.clarity-detail-toggle,.notify-btn,.chart-expert-toggle,summary,.round-btn),
  body.clarity-v4 .clarity-tool>span:first-child,
  body.clarity-v4 .nav-icon{
    transition:none!important;
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}



/* 5.0.10beta: intrinsic sizes, touch feedback and one consistent icon family. */
@media(min-width:721px){
  body.clarity-v4 #view-charts .chart-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"metric horizon expert" ". availability expert"!important;row-gap:3px!important}
  body.clarity-v4 #view-charts .chart-metric-group{grid-area:metric;min-width:0}
  body.clarity-v4 #view-charts .chart-horizon-group{grid-area:horizon;min-width:0}
  body.clarity-v4 #chart-range-availability{grid-area:availability;margin:0!important}
  body.clarity-v4 #view-charts .chart-expert-toggle{grid-area:expert}
}
body.clarity-v4.lm-home-v5-beta #view-today .hour-card{flex:0 0 132px!important;flex-basis:132px!important;padding:13px 10px!important;min-height:0!important}
body.clarity-v4.lm-home-v5-beta #view-today .hour-meta{display:grid;gap:6px;font-size:.72rem!important;line-height:1.35!important;text-align:left!important;font-variant-numeric:tabular-nums}
body.clarity-v4 .hour-metric{display:grid;grid-template-columns:16px minmax(0,1fr);gap:4px;align-items:center;white-space:nowrap}
body.clarity-v4 .hour-metric>span:first-child{font-size:.75rem}
body.clarity-v4 .hour-metric small{font-size:.60rem;color:#9aafbf}
body.clarity-v4 .hour-temp{margin-block:9px!important}
body.clarity-v4 :is(.hourly-strip,.daily-strip){scroll-snap-type:x proximity;scroll-padding-inline:3px;padding-bottom:9px!important}
body.clarity-v4 :is(.hour-card,.day-card){scroll-snap-align:start}
body.clarity-v4 .nav-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.clarity-v4 .nav-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
body.clarity-v4 .nav-btn.active{box-shadow:inset 0 1px 0 rgba(195,230,255,.14),inset 0 -2px 0 rgba(127,202,255,.4)!important}
body.clarity-v4 :is(button,summary,.day-card,.clarity-tool){-webkit-tap-highlight-color:transparent}
body.clarity-v4 :is(.day-card,.clarity-tool,.nav-btn,.seg-btn,.clarity-detail-toggle,.round-btn):active{background-color:rgba(110,191,249,.14)!important}
body.clarity-v4 .clarity-insight summary:active{background-color:rgba(110,191,249,.08)!important}
body.clarity-v4 .clarity-insight-plus{transition:transform 200ms ease,color 200ms ease}
body.clarity-v4 .clarity-insight[open] .clarity-insight-plus{color:#a8dbff}
@media(hover:hover) and (pointer:fine){
  body.clarity-v4 :is(.hour-card,.clarity-stat):hover{border-color:rgba(143,209,255,.25)!important}
  body.clarity-v4 :is(.hour-card,.clarity-stat):hover :is(.hour-temp,strong){color:#b8e4ff}
  body.clarity-v4 .day-icon{transition:transform 180ms ease}
}
@media(max-width:720px){
  body.clarity-v4.lm-home-v5-beta:is(.lm-charts-fullscreen,.lm-radar-fullscreen) .header{display:none!important}
  body.clarity-v4:not(.lm-charts-fullscreen):not(.lm-radar-fullscreen) .app{grid-template-rows:70px minmax(0,1fr)!important}
  body.clarity-v4:not(.lm-charts-fullscreen):not(.lm-radar-fullscreen) .header{height:70px!important}
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .brand{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
  body.clarity-v4 .clarity-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.clarity-v4 .clarity-hero-stats .clarity-stat:last-child{grid-column:auto!important}
  body.clarity-v4 .clarity-stat small{white-space:normal!important;line-height:1.3!important}
  body.clarity-v4 .clarity-insight summary{grid-template-columns:34px minmax(0,1fr) 18px!important;gap:10px!important;padding:14px!important;min-height:78px!important}
  body.clarity-v4 .clarity-insight-icon{width:34px!important;height:34px!important;border-radius:11px!important;font-size:1rem!important}
  body.clarity-v4 .clarity-insight-copy strong{font-size:.9rem!important;line-height:1.25!important;font-weight:650!important}
  body.clarity-v4 .clarity-insight-copy small{font-size:.72rem!important;font-weight:450!important;line-height:1.4!important}
  body.clarity-v4 .nav{height:64px!important;padding:5px!important;border-radius:22px!important}
  body.clarity-v4 .nav-btn{font-size:.72rem!important;gap:4px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{gap:6px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-footer{padding-top:6px!important;margin:0!important;font-size:.65rem!important}
  body.clarity-v4 #view-charts .chart-subtitle{font-size:.72rem!important;line-height:1.35!important}
}
@media(max-width:350px){
  body.clarity-v4 .clarity-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.clarity-v4 .clarity-hero-stats .clarity-stat:last-child{grid-column:1/-1!important}
}
@media(prefers-reduced-motion:reduce){
}

/* 5.0.12beta: controls own a stable row; only the analytical surface scrolls. */
@media(max-width:720px){
  body.clarity-v4.lm-charts-fullscreen .app{
    padding-top:calc(max(env(safe-area-inset-top),var(--lm-visual-top,0px)) + 8px)!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts{height:100%!important;overflow:hidden!important;overflow-y:hidden!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-shell{height:100%!important;min-height:0!important;overflow:hidden!important;grid-template-rows:auto minmax(0,1fr)!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{position:relative;z-index:3;flex-shrink:0}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{
    display:flex!important;flex-direction:column!important;overflow-y:auto!important;overscroll-behavior-y:contain;min-height:0!important;scrollbar-width:thin;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts :is(.chart-header,.chart-footer){flex:0 0 auto!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-canvas-wrap{flex:1 0 260px!important;min-height:260px!important;height:auto!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-control-label{font-size:.62rem!important;font-weight:600!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .seg-btn{min-height:44px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle small{font-size:.59rem!important;text-overflow:clip!important}
  body.clarity-v4 .nav{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important}
}

/* Optical family: softly filled symbols, quiet highlights, consistent strokes. */
body.clarity-v4 .lm-interface-icon{display:inline-block;width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
body.clarity-v4 .lm-interface-icon .lm-i-tint{fill:currentColor;fill-opacity:.18;stroke:none}
body.clarity-v4 .lm-interface-icon .lm-i-dot{fill:currentColor;stroke:none}
body.clarity-v4 .nav-icon .lm-interface-icon{width:23px;height:23px}
body.clarity-v4 .nav-btn.active .lm-i-tint{fill-opacity:.32}
body.clarity-v4 .nav-btn.active .nav-icon{color:#a8dbff}
body.clarity-v4 .lm-bell-icon{color:#b9d7eb;display:inline-flex}
body.clarity-v4 #metric-selector .seg-btn{display:inline-flex;align-items:center;gap:6px}
body.clarity-v4 #metric-selector .lm-interface-icon{width:16px;height:16px}
body.clarity-v4 .hour-metric .lm-interface-icon{width:14px;height:14px;color:#92c9e8}
body.clarity-v4 .day-rain .lm-interface-icon{width:14px;height:14px}
body.clarity-v4 #view-more .section-title>span:first-child:has(.lm-interface-icon){display:inline-flex;align-items:center;gap:8px}
body.clarity-v4 #view-more .clarity-tool>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#afd9f3;background:rgba(119,188,235,.08);border:1px solid rgba(166,216,248,.10)}
body.clarity-v4 .clarity-insight-icon .lm-interface-icon{width:20px;height:20px}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .brand{background:transparent!important;border:0!important;box-shadow:none!important}

/* 5.1.0: header typography belongs to the shell, never to the active view. */
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .brand small{
  font-size:.66rem!important;line-height:1.35!important;font-weight:600!important;
}
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .location-select{
  font-size:.82rem!important;line-height:1.2!important;
}
@media(max-width:720px){
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .location-select{font-size:.74rem!important}
}
@media(max-width:360px){
  body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .location-select{font-size:.68rem!important}
}
body.clarity-v4 .hour-metric>span:last-child{display:block;white-space:normal}
body.clarity-v4 .hour-metric small{display:inline-block;margin-inline-start:.35em}
body.clarity-v4 .hour-day{font-size:.59rem;line-height:1.3;color:#aac0ce;margin-bottom:4px;white-space:nowrap}
body.clarity-v4 #view-today .hourly-title{display:block;margin:0 0 10px;font-size:.72rem;color:#b6cad7}
body.clarity-v4 #view-more #changelog-card{
  cursor:pointer;
}
body.clarity-v4 #view-more #changelog-card:focus-visible{outline:2px solid #9dd6fb;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
  body.clarity-v4 #view-more #changelog-card:hover{border-color:rgba(155,214,250,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 22px rgba(0,0,0,.15)}
}
@media(prefers-reduced-motion:reduce){}
/* The same canonical scene controls every section; daytime is visibly lighter. */
body.clarity-v4[data-weather-scene="clear-day"]{--lm-photo-filter:blur(18px) saturate(1.06) brightness(.92)}
body.clarity-v4[data-weather-scene="partly-cloudy-day"]{--lm-photo-filter:blur(19px) saturate(1.02) brightness(.82)}
body.clarity-v4[data-weather-scene="clear-day"]::after,
body.clarity-v4[data-weather-scene="partly-cloudy-day"]::after{
  background:linear-gradient(180deg,rgba(4,18,28,.025),rgba(6,22,32,.09) 44%,rgba(4,15,24,.28))!important;
}
body.clarity-v4 .lm-weather-artwork{width:1em;height:1em;display:inline-block;vertical-align:middle;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.clarity-v4 .lm-w-sun{fill:#f5cb76;stroke:#ffe1a0;stroke-width:1.1}
body.clarity-v4 .lm-w-rays{stroke:#e9b85f;stroke-width:1.7}
body.clarity-v4 .lm-w-moon{fill:#c6c7ec;stroke:#e1e6ff;stroke-width:1.1}
body.clarity-v4 .lm-w-star{fill:#d9e3f8;stroke:none}
body.clarity-v4 .lm-w-cloud-back{fill:#9db5ca;stroke:none}
body.clarity-v4 .lm-w-cloud{fill:#dce7ee;stroke:#edf4f8;stroke-width:1}
body.clarity-v4 .lm-w-highlight{fill:none;stroke:#f7fbff;stroke-opacity:.65;stroke-width:1.2}
body.clarity-v4 .lm-w-rain{fill:none;stroke:#82cbf1;stroke-width:2.1}
body.clarity-v4 .lm-w-snow{fill:none;stroke:#b5d9f2;stroke-width:1.35}
body.clarity-v4 .lm-w-lightning{fill:#f5cc78;stroke:#ffe1a2;stroke-width:.7}
body.clarity-v4 .lm-w-fog{fill:none;stroke:#b6cbdc;stroke-width:2;opacity:.95}
body.clarity-v4 .lm-weather-mostly .lm-w-sun{opacity:.55}
body.clarity-v4 .clarity-hero-icon .lm-weather-artwork{filter:drop-shadow(0 4px 7px rgba(0,0,0,.12))}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-insight summary::after{content:""!important;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;justify-self:center}
@media(prefers-reduced-motion:no-preference){
  body.clarity-v4 :is(.clarity-tool,.day-card):hover .lm-interface-icon{transform:translateY(-1px)}
  body.clarity-v4 .lm-interface-icon{transition:transform 180ms ease,fill-opacity 180ms ease,color 180ms ease}
}
@media(prefers-reduced-motion:reduce){
  body.clarity-v4 .lm-interface-icon,body.clarity-v4.lm-home-v5-beta #view-today .clarity-insight summary::after{transition:none!important}
}

/* 5.1.3 — one atmosphere owner, current solar light, restrained motion. */
body.clarity-v4{
  --lm-atmosphere-accent:#a4baff;
  --lm-atmosphere-tint:rgba(102,127,203,.10);
  --lm-surface-1:rgba(16,27,46,.91);
  --lm-surface-2:rgba(23,37,60,.93);
  --lm-surface-3:rgba(30,46,71,.95);
  --lm-control-selected:rgba(148,177,255,.15);
}
body.clarity-v4::before{filter:blur(6px) saturate(.94) brightness(.64)!important}
body.clarity-v4[data-weather-light="day"]{
  --lm-atmosphere-accent:#b9e5fa;
  --lm-atmosphere-tint:rgba(109,192,223,.12);
  --lm-surface-1:rgba(24,48,63,.91);
  --lm-surface-2:rgba(31,58,74,.93);
  --lm-surface-3:rgba(41,70,87,.95);
  --lm-control-selected:rgba(166,218,245,.18);
}
body.clarity-v4[data-weather-light="day"]::before{filter:blur(6px) saturate(1.02) brightness(.96)!important}
body.clarity-v4[data-weather-light="day"]::after{
  background:linear-gradient(180deg,rgba(9,26,40,.06),rgba(12,34,46,.12) 48%,rgba(5,20,31,.44))!important;
}
body.clarity-v4[data-weather-light="night"]::after{
  background:linear-gradient(180deg,rgba(8,14,33,.18),rgba(10,19,40,.28) 48%,rgba(5,12,25,.62))!important;
}
body.clarity-v4:is([data-weather-scene="clear-day"],[data-weather-scene="partly-cloudy-day"])[data-weather-light="day"]{
  --lm-atmosphere-accent:#f8d99b;
  --lm-atmosphere-tint:rgba(238,199,125,.10);
}
body.clarity-v4:is([data-weather-scene="storm"],[data-weather-scene="hail"]){--lm-atmosphere-accent:#c4baff;--lm-atmosphere-tint:rgba(158,126,207,.11)}
body.clarity-v4:is([data-weather-scene="rain"],[data-weather-scene="showers-day"],[data-weather-scene="showers-night"]){--lm-atmosphere-accent:#9edbea;--lm-atmosphere-tint:rgba(75,160,185,.10)}
body.clarity-v4[data-weather-light] .header{background:var(--lm-surface-1)!important}
body.clarity-v4[data-weather-light] .nav{background:var(--lm-surface-1)!important}
body.clarity-v4.lm-home-v5-beta[data-weather-scene][data-weather-light] #view-today .clarity-hero{
  background:linear-gradient(125deg,var(--lm-atmosphere-tint),transparent 70%),var(--lm-surface-2)!important;
  border-color:rgba(194,217,241,.21)!important;
  box-shadow:inset 0 1px 0 rgba(241,249,255,.09),0 16px 38px rgba(2,12,24,.14);
}
body.clarity-v4[data-weather-light] :is(.day-card.active,.seg-btn.active,.nav-btn.active){
  background:linear-gradient(135deg,var(--lm-control-selected),rgba(255,255,255,.025))!important;
  border-color:var(--lm-atmosphere-accent)!important;
}
body.clarity-v4[data-weather-light] :is(.clarity-insight,#view-more .clarity-tool,#view-more .more-card,#view-charts .chart-main,#view-models .model-card){background-color:var(--lm-surface-1)!important}
body.clarity-v4 .clarity-temp{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:no-preference){
  body.clarity-v4 .clarity-hero-icon .lm-weather-artwork{animation:lm-weather-settle 700ms cubic-bezier(.2,.8,.2,1) 1 both}
  @keyframes lm-weather-settle{from{opacity:.6;transform:translateY(5px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.clarity-v4 :is(.day-card,.clarity-tool,#changelog-card):hover{border-color:var(--lm-atmosphere-accent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 28px rgba(3,13,27,.22)!important}
}
@media(prefers-reduced-motion:reduce){
  body.clarity-v4 .clarity-hero-icon .lm-weather-artwork{animation:none!important;transition:none!important}
}

/* 5.1.8: intrinsic tile widths and an explicit Safari canvas height. */
@media(max-width:780px){
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-stat{
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    padding:11px 10px!important;grid-column:auto!important;
  }
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-stat :is(span,strong,small){
    min-width:0;max-width:100%;white-space:normal!important;
    overflow-wrap:anywhere;line-height:1.3!important;
  }
}
@media(max-width:720px){
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-canvas-wrap{
    flex:0 0 var(--lm-chart-canvas-h,360px)!important;
    height:var(--lm-chart-canvas-h,360px)!important;
    min-height:320px!important;max-height:none!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;box-sizing:border-box!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts #weather-chart{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;max-height:none!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-header{gap:6px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .readout-name{font-size:.62rem!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .readout-value{font-size:.8rem!important}
}

/* 5.1.11: three equal metrics, no orphan tile and no intrinsic overflow. */
@media(max-width:780px){
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero-stats{align-items:stretch!important;gap:6px!important}
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-stat{padding:10px 6px!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important}
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-stat strong{font-size:clamp(.82rem,3.5vw,1.08rem)!important;line-height:1.35!important}
}


/* Pinch zoom must not retain transformed text/card layers while panning. */
body.clarity-v4.lm-page-zoomed .lm-reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

/* Mobile layout owns one shrinkable column; descendants cannot widen it. */
@media(max-width:780px){
  body.clarity-v4 .app{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  body.clarity-v4 .workspace,
  body.clarity-v4 .view{min-width:0!important;min-height:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  body.clarity-v4 #view-charts .chart-shell{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important;max-width:100%!important}
  body.clarity-v4 #view-charts :is(.chart-toolbar,.chart-main,.chart-header,.chart-readout,.chart-canvas-wrap){min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,135px)!important;grid-template-areas:"metric metric" "horizon horizon" "availability expert"!important}
  body.clarity-v4 #metric-selector{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  body.clarity-v4 #metric-selector .seg-btn{min-width:0!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere;justify-content:center;font-size:.7rem!important;padding:6px 3px!important}
  body.clarity-v4 #chart-range-selector{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
  body.clarity-v4 #chart-range-selector .range-btn{min-width:0!important;width:100%!important;padding-inline:2px!important;white-space:normal!important}
  body.clarity-v4 #view-charts .chart-expert-toggle{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:6px!important;gap:6px!important}
  body.clarity-v4 #view-charts .chart-expert-toggle span{min-width:0!important}
  body.clarity-v4 #view-charts .chart-expert-toggle small{white-space:normal!important;overflow-wrap:anywhere}
  body.clarity-v4 #view-charts .chart-subtitle{white-space:normal!important;overflow-wrap:anywhere}
}
@media(hover:none) and (pointer:coarse){
  body.clarity-v4 .lm-reveal,
  body.clarity-v4 .lm-reveal.lm-reveal-visible{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
}

/* Compact controls: use the parent's content width, never the full viewport. */
@media(max-width:780px){
  body.clarity-v4{
    --lm-mobile-controls-bg:#1b2530;
    --lm-mobile-controls-border:1px solid var(--lm-premium-border,rgba(220,239,252,.12));
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts{width:100%!important;max-width:100%!important;padding:0!important;box-sizing:border-box!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-shell{width:100%!important;max-width:100%!important;gap:8px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-shell>.chart-toolbar,
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-shell>.chart-main{width:100%!important;max-width:100%!important;min-width:0!important;justify-self:stretch!important;box-sizing:border-box!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{
    background:var(--lm-mobile-controls-bg)!important;border:var(--lm-mobile-controls-border)!important;
    border-radius:20px!important;padding:8px!important;gap:5px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,128px)!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-control-group{gap:3px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-control-label{font-size:.62rem!important;line-height:1.15!important;padding-left:2px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .segmented{padding:3px!important;gap:3px!important;border-radius:12px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts #metric-selector .seg-btn,
  body.clarity-v4.lm-charts-fullscreen #view-charts #chart-range-selector .range-btn{min-height:40px!important;font-size:.75rem!important;line-height:1.15!important;padding:4px 2px!important;border-radius:var(--lm-radius-chip)!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts #metric-selector .lm-interface-icon{width:14px!important;height:14px!important;flex:0 0 14px!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts #chart-range-availability{font-size:.64rem!important;line-height:1.25!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle{min-height:40px!important;padding:4px 5px!important;gap:5px!important;border-radius:var(--lm-radius-chip)!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle strong{font-size:.72rem!important;line-height:1.1!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle small{font-size:.66rem!important;line-height:1.2!important}
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main .chart-canvas-wrap{min-height:220px!important;flex:0 0 var(--lm-chart-canvas-h,260px)!important}
}

/* Home hierarchy and soft scroll boundaries; the header itself stays crisp. */
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .location-select{
  appearance:none!important;-webkit-appearance:none!important;
  text-align:center!important;text-align-last:center!important;
  padding-inline:24px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23b8cedd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.028))!important;
  background-repeat:no-repeat!important;
  background-position:right 10px center,0 0!important;
  background-size:12px 8px,100% 100%!important;
}
body.clarity-v4 :is(#view-today,#view-more,#view-models,#view-reliability){
  padding-top:18px!important;padding-bottom:22px!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 16px,#000 calc(100% - 16px),transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 16px,#000 calc(100% - 16px),transparent);
}
body.clarity-v4 #view-today .forecast-heading{
  display:block!important;font-size:clamp(1.15rem,4.5vw,1.4rem)!important;
  line-height:1.25!important;font-weight:750!important;letter-spacing:-.025em;
  color:var(--text)!important;margin:0 0 6px!important;
}
body.clarity-v4 #view-today .forecast-period{
  margin:0 0 16px;color:var(--muted);font-size:.8rem;line-height:1.4;
}
body.clarity-v4 #view-today .forecast-section-title{margin:0 0 18px;font-size:.75rem;line-height:1.4}
body.clarity-v4 #view-today #forecast-run-label{font-size:.75rem!important;font-weight:500!important;color:var(--muted)!important}
body.clarity-v4 #view-today .hourly-box{height:auto!important;min-width:0;overflow:visible!important}
body.clarity-v4 #view-today .daily-box{order:2;min-width:0;border-top:1px solid var(--lm-border-soft,var(--border));padding-top:22px}
body.clarity-v4 #view-today .daily-strip{border-top:0!important;padding-top:0!important;margin-bottom:0!important}
@media(max-width:780px){
  body.clarity-v4 #view-today :is(.hourly-strip,.daily-strip,.timeline-wrap){
    padding-left:8px!important;padding-right:12px!important;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 8px,#000 calc(100% - 14px),transparent);
    mask-image:linear-gradient(to right,transparent,#000 8px,#000 calc(100% - 14px),transparent);
  }
}

/* Align the artwork with the temperature, independently of the summary length. */
body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero-main{
  display:grid!important;grid-template-columns:104px minmax(0,1fr);
  grid-template-areas:". eyebrow" "icon temperature" ". condition" "summary summary";
  align-items:center;column-gap:20px!important;row-gap:7px;
}
body.clarity-v4.lm-home-v5-beta #view-today :is(.clarity-hero-copy,.clarity-temp-row){display:contents!important}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero-icon{
  grid-area:icon;display:grid;place-items:center;align-self:center;
  width:104px;height:104px;font-size:6.5rem!important;line-height:1;
}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-eyebrow{grid-area:eyebrow}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-temp{grid-area:temperature}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-condition{grid-area:condition;padding:0!important}
body.clarity-v4.lm-home-v5-beta #view-today .clarity-headline{grid-area:summary;margin-top:9px!important}
@media(max-width:780px){
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero-main{grid-template-columns:clamp(72px,21vw,88px) minmax(0,1fr);column-gap:14px!important}
  body.clarity-v4.lm-home-v5-beta #view-today .clarity-hero-icon{width:clamp(72px,21vw,88px);height:clamp(72px,21vw,88px);font-size:clamp(4.5rem,21vw,5.5rem)!important}
  body.clarity-v4.lm-charts-fullscreen .app{
    padding-top:calc(max(env(safe-area-inset-top),var(--lm-visual-top,0px)) + var(--lm-shell-top-gap,20px) + 8px)!important;
  }
}
/* Analytical controls stay fully opaque and clear of the system's top edge. */
body.clarity-v4 :is(#view-charts,#view-radar){-webkit-mask-image:none!important;mask-image:none!important}
body.clarity-v4:is(.lm-charts-fullscreen,.lm-radar-fullscreen) .workspace::before,
body.clarity-v4:is(.lm-charts-fullscreen,.lm-radar-fullscreen) .workspace::after{content:none!important;display:none!important}

/* Selected place and chart duration use only the space they need. */
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .location-select{
  width:calc(var(--location-ch,7)*.65em + 42px)!important;
  min-width:0!important;max-width:45vw!important;flex:0 0 auto!important;
  padding-left:14px!important;padding-right:28px!important;
}
body.clarity-v4 #view-charts .chart-toolbar{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"metric expert"!important;
}
body.clarity-v4 #view-charts .chart-window-control{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin:10px 0 12px;flex:0 0 auto;
}
body.clarity-v4 #view-charts .chart-main{grid-template-rows:auto auto minmax(0,1fr) auto!important}
body.clarity-v4 #view-charts #chart-range-selector{
  display:inline-flex!important;width:auto!important;max-width:100%!important;gap:3px!important;padding:3px!important;
}
body.clarity-v4 #view-charts #chart-range-selector .range-btn{
  flex:0 0 auto!important;min-height:30px!important;width:auto!important;
  padding:4px 14px!important;font-size:.75rem!important;line-height:1.2!important;
}
body.clarity-v4 #view-charts #chart-range-availability{font-size:.65rem;color:var(--muted)}
@media(max-width:780px){
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{
    grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"metric" "expert"!important;gap:6px!important;
  }
  body.clarity-v4 #view-charts .chart-expert-toggle{width:auto!important;justify-self:end!important;padding:5px 9px!important;min-height:32px!important}
  body.clarity-v4 #view-charts .chart-expert-toggle small{display:none!important}
}


/* v5.4.3 — adaptive locality and streamlined charts; no visual redesign. */
body.clarity-v4 .header .location-select,
body.clarity-v4.lm-home-v5-beta[data-weather-scene] .header .location-select{
  flex:0 0 min(var(--lm-location-width,118px),46vw)!important;
  width:min(var(--lm-location-width,118px),46vw)!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding-left:13px!important;
  padding-right:34px!important;
  text-align:left!important;
  text-align-last:left!important;
  font-size:clamp(.68rem,2.7vw,.78rem)!important;
  white-space:nowrap!important;
}
body.clarity-v4 #view-charts .chart-toolbar{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-areas:"metric range expert"!important;
  align-items:end!important;
}
body.clarity-v4 #view-charts .chart-toolbar-range{
  grid-area:range!important;
  align-self:end!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-self:end!important;
  gap:3px!important;
  margin:0!important;
  min-width:0!important;
  width:auto!important;
}
body.clarity-v4 #view-charts #chart-range-selector{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:186px!important;
  max-width:100%!important;
  min-width:0!important;
  gap:3px!important;
  padding:3px!important;
  box-sizing:border-box!important;
}
body.clarity-v4 #view-charts #chart-range-selector .range-btn{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:6px 3px!important;
  font-size:.75rem!important;
  white-space:nowrap!important;
  border-radius:10px!important;
  flex:1 1 0!important;
}
body.clarity-v4 #view-charts .chart-expert-toggle{
  grid-area:expert!important;
  align-self:end!important;
}
body.clarity-v4 #view-charts #chart-range-availability:empty{
  display:none!important;
}
body.clarity-v4 #view-charts #chart-range-availability:not(:empty){
  display:block!important;
  min-height:0!important;
  margin:0!important;
  font-size:.6rem!important;
  line-height:1.2!important;
}
body.clarity-v4 #view-charts .chart-subtitle[hidden]{
  display:none!important;
}
body.clarity-v4 #view-charts .chart-main{
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
body.clarity-v4 #view-charts .chart-footer>span{
  margin:0!important;
}
@media(max-width:780px){
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"metric metric" "range expert"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:8px!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-toolbar-range{
    grid-area:range!important;
    justify-self:start!important;
    align-self:center!important;
    max-width:100%!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts #chart-range-selector{
    width:clamp(158px,51vw,190px)!important;
    max-width:100%!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts #chart-range-selector .range-btn{
    min-height:38px!important;
    font-size:.72rem!important;
    padding:5px 2px!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle{
    grid-area:expert!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    max-width:116px!important;
    min-height:42px!important;
    padding:6px 10px!important;
    margin:0!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-main{
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
}
@media(max-width:360px){
  body.clarity-v4.lm-charts-fullscreen #view-charts #chart-range-selector{
    width:154px!important;
  }
  body.clarity-v4.lm-charts-fullscreen #view-charts .chart-expert-toggle{
    max-width:100px!important;
    padding:5px 7px!important;
  }
}