:root{
  --hm-bg:#f4f8fb;
  --hm-panel:#ffffff;
  --hm-line:#e5edf2;
  --hm-text:#101820;
  --hm-muted:#6f7f8d;
  --hm-brand:#12b5a5;
  --hm-brand-dark:#079c8d;
  --hm-soft:#eaf9f6;
  --hm-blue:#2b83f6;
  --hm-yellow:#ffad13;
  --hm-red:#ff5549;
  --hm-orange:#ff7a22;
  --hm-shadow:0 10px 30px rgba(22,43,58,.08);
  --hm-radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--hm-bg);color:var(--hm-text);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}
button{cursor:pointer}
.hm-weather-app{min-height:100vh;background:linear-gradient(180deg,#f7fbfd 0,#eef5f8 100%);padding:10px}
.hm-app-shell{width:min(1920px,100%);margin:0 auto;background:rgba(255,255,255,.62);border:1px solid rgba(218,230,236,.92);border-radius:22px;box-shadow:0 14px 42px rgba(27,51,64,.07);overflow:hidden}
.hm-appbar{height:74px;display:grid;grid-template-columns:330px minmax(360px,1fr) 260px;align-items:center;gap:18px;padding:10px 18px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--hm-line);position:relative;z-index:40}
.hm-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.hm-brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#0bb6a5,#19c9b3);color:white;box-shadow:0 7px 18px rgba(18,181,165,.22);font-size:22px}
.hm-brand-copy{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:end;line-height:1.06;min-width:0}
.hm-brand-copy strong{font-size:21px;letter-spacing:-.6px}
.hm-brand-copy b{font-size:11px;color:var(--hm-brand-dark);align-self:center}
.hm-brand-copy small{grid-column:1/-1;margin-top:5px;color:var(--hm-muted);font-size:10px;white-space:nowrap}
.hm-search-zone{width:100%;max-width:760px;justify-self:center;position:relative}
.hm-search{height:48px!important;border:1px solid #dbe5eb!important;background:#fff!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(27,55,70,.07)!important;overflow:hidden;display:flex!important;align-items:center!important;padding-left:16px!important}
.hm-search input{font-size:15px!important;color:#26343e!important}
.hm-search button{width:52px!important;height:100%!important;border:0!important;background:#fff!important;color:#0a1116!important}
.hm-search .search-button-label{display:none}
.hm-app-actions{display:flex;justify-content:flex-end;gap:9px}
.hm-action-button{height:46px;padding:0 15px;border:1px solid #dce6eb;border-radius:14px;background:#fff;color:#1d2a33;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(35,55,67,.05)}
.hm-action-button span[data-icon]{width:18px;height:18px}
.hm-menu-button{min-width:112px}
.hm-hamburger{font-size:18px;line-height:1}
.hm-workspace{display:grid;grid-template-columns:332px minmax(0,1fr);gap:12px;padding:12px;background:#edf4f7}
.hm-weather-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}
.hm-current-card{position:relative!important;inset:auto!important;width:auto!important;background:#fff!important;border:1px solid var(--hm-line)!important;border-radius:18px!important;box-shadow:none!important;overflow:hidden!important}
.hm-current-card .weather-side-current{padding:20px 20px 15px!important}
.hm-eyebrow{display:flex;align-items:center;gap:6px;color:var(--hm-brand-dark);font-size:11px;font-weight:800}
.hm-current-card h1{margin:8px 0 2px!important;font-size:19px!important;line-height:1.25!important;letter-spacing:-.5px!important}
#hm-current-datetime{color:#98a5ae;font-size:10px}
.hm-current-main{display:grid!important;grid-template-columns:88px 1fr!important;align-items:center!important;gap:10px!important;margin:19px 0 13px!important}
.hm-current-main .hero-weather-visual{width:82px!important;height:82px!important;display:grid!important;place-items:center!important}
.hm-current-main .hero-weather-visual svg{width:74px!important;height:74px!important}
.hm-current-temp-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.hm-current-temp-copy>strong{font-size:51px!important;line-height:1!important;font-weight:800!important;letter-spacing:-2px!important}
.hm-current-temp-copy>span{font-size:14px;font-weight:800}
.hm-current-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border:1px solid #e9eff3!important;border-radius:14px!important;padding:10px 4px!important;background:#fff!important}
.hm-current-metrics span{padding:0 7px!important;text-align:center!important;border-right:1px solid #edf1f4!important;min-width:0}
.hm-current-metrics span:last-child{border-right:0!important}
.hm-current-metrics small{font-size:9px!important;color:#83919b!important;margin-bottom:4px!important}
.hm-current-metrics b{font-size:11px!important;white-space:normal!important;word-break:keep-all!important;line-height:1.25!important}
.weather-yesterday-compare{margin:0 0 12px!important;border-radius:999px!important;background:#f4f7fa!important;color:#3a4a56!important;text-align:center!important;font-size:10px!important;padding:7px 10px!important}
.weather-yesterday-compare b{color:var(--hm-blue)}
.hm-current-alert{min-height:58px!important;width:calc(100% - 24px)!important;margin:0 12px 12px!important;border:1px solid #ffd7d2!important;border-radius:13px!important;background:#fffaf9!important;color:#e83c30!important;display:grid!important;grid-template-columns:28px 1fr 12px!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;text-align:left!important}
.hm-current-alert.is-clear{border-color:#d8eee9!important;background:#f6fcfa!important;color:#2c8177!important}
.hm-current-alert strong{font-size:11px!important;display:block!important}
.hm-current-alert small{font-size:9px!important;color:#88939a!important;display:block!important;margin-top:3px!important}
.hm-sun-mini{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--hm-line);border-radius:15px;overflow:hidden}
.hm-sun-mini>div{display:grid;grid-template-columns:24px auto auto;align-items:center;gap:5px;padding:12px 14px}
.hm-sun-mini>div+div{border-left:1px solid var(--hm-line)}
.hm-sun-mini small{font-size:9px;color:#7d8992}
.hm-sun-mini strong{font-size:12px;justify-self:end}
.hm-mini-icon{font-size:20px}
.hm-sunrise-icon{color:#ffad13}.hm-sunset-icon{color:#2b83f6}
.hm-rank-card,.hm-today-note{background:#fff;border:1px solid var(--hm-line);border-radius:16px}
.hm-rank-card{padding:15px 16px}
.hm-rank-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.hm-rank-card header div{display:flex;flex-direction:column;gap:2px}
.hm-rank-card header small{font-size:9px;color:var(--hm-muted)}
.hm-rank-card header strong{font-size:13px}
.hm-rank-card header button{border:0;background:transparent;color:#7b8993;font-size:9px;padding:4px}
.hm-top3-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}
.hm-top3-list li{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;min-height:34px;padding:5px 8px;border-radius:10px;background:#fafcfd;font-size:11px}
.hm-top3-list li b{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:white;background:#ff8b20;font-size:10px}
.hm-top3-list li:nth-child(1) b{background:#ff5a36}.hm-top3-list li:nth-child(2) b{background:#ff8a24}.hm-top3-list li:nth-child(3) b{background:#ffb22f;color:#693c00}
html[data-rank-mode="cold"] .hm-top3-list li:nth-child(1) b{background:#315bd8}html[data-rank-mode="cold"] .hm-top3-list li:nth-child(2) b{background:#5a8ff0}html[data-rank-mode="cold"] .hm-top3-list li:nth-child(3) b{background:#8fb9ff;color:#15325e}
.hm-top3-list li span{font-weight:700;color:#2e3b44}.hm-top3-list li strong{font-size:12px}
.hm-today-note{padding:13px 15px;display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;background:linear-gradient(135deg,#eef9ff,#f4fbf6)}
.hm-today-note>span{font-size:20px;color:#2b83f6}.hm-today-note small{display:block;font-size:9px;color:#70808b}.hm-today-note strong{display:block;font-size:11px;margin-top:2px;line-height:1.35}
.hm-sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.hm-sidebar-actions button{height:44px;border-radius:12px;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}
.hm-primary-action{border:0;background:linear-gradient(135deg,#12b5a5,#00a995);color:white;box-shadow:0 8px 18px rgba(18,181,165,.16)}
.hm-secondary-action{background:#fff;border:1px solid var(--hm-line);color:#44535d}
.hm-sidebar-source{font-size:8px;color:#9aa7af;line-height:1.45;padding:0 5px 2px}
.hm-map-and-detail{min-width:0;display:flex;flex-direction:column;gap:12px}
.hm-map-stage{position:relative!important;background:#fff;border:1px solid var(--hm-line)!important;border-radius:17px!important;overflow:hidden!important;min-height:585px!important;height:calc(100vh - 112px)!important;max-height:750px!important}
.hm-map-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--hm-line);background:#fff;position:relative;z-index:10}
.hm-map-tabs{display:flex;align-items:center;gap:6px}
.hm-map-tabs button{height:34px;min-width:64px;border:1px solid #dde7ec;border-radius:9px;background:#fff;color:#52616c;font-size:10px;font-weight:800;padding:0 12px}
.hm-map-tabs button.is-active,#weather-view-button.is-active{background:var(--hm-brand);border-color:var(--hm-brand);color:#fff}
.hm-map-tabs .map-rank-button{min-width:36px!important;width:36px!important;padding:0!important;font-size:11px!important}
.hm-map-tabs .map-rank-button[data-rank="1"]{border-color:#ffb4a5;color:#e84928}.hm-map-tabs .map-rank-button[data-rank="2"]{border-color:#ffd0a7;color:#e26d16}.hm-map-tabs .map-rank-button[data-rank="3"]{border-color:#ffe2a2;color:#bd7a00}
html[data-rank-mode="cold"] .hm-map-tabs .map-rank-button[data-rank="1"]{border-color:#9cb5ff;color:#315bd8}html[data-rank-mode="cold"] .hm-map-tabs .map-rank-button[data-rank="2"]{border-color:#b9d0ff;color:#477fdf}html[data-rank-mode="cold"] .hm-map-tabs .map-rank-button[data-rank="3"]{border-color:#d2e4ff;color:#5f8dca}
.hm-map-meta{display:flex;align-items:center;gap:7px}.hm-map-meta span{border:1px solid #e1e8ec;border-radius:8px;background:#fff;padding:7px 9px;color:#64727c;font-size:9px;font-weight:700}
.hm-map-canvas{position:relative!important;height:calc(100% - 58px)!important;min-height:520px!important;overflow:hidden!important}.hm-map-canvas>#map{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hm-map-context{position:absolute!important;left:14px!important;top:14px!important;z-index:7!important;max-width:360px!important;background:rgba(255,255,255,.95)!important;border:1px solid #e4ebef!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(30,48,58,.08)!important;padding:10px 13px!important}
.hm-map-context strong{font-size:11px!important}.hm-map-context small{font-size:9px!important}
.map-hint{bottom:18px!important;top:auto!important;left:50%!important;transform:translateX(-50%)!important;border-radius:13px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 8px 22px rgba(25,49,61,.1)!important}
.city-temperature-marker{min-width:59px!important;padding:7px 9px!important;border-radius:999px!important;border:1px solid rgba(201,214,221,.95)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 4px 14px rgba(32,48,56,.1)!important;display:grid!important;place-items:center!important;position:relative!important}
.city-temperature-name{font-size:8px!important;color:#5a6871!important}.city-temperature-value{font-size:11px!important;color:#151c21!important;line-height:1.1!important}.city-temperature-rank{position:absolute!important;left:-6px!important;top:-6px!important;width:18px!important;height:18px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#ff7c22!important;color:#fff!important;font-size:9px!important;box-shadow:0 3px 8px rgba(0,0,0,.12)!important}
.city-temperature-marker.is-temp-hot{background:#fff5ef!important;border-color:#ffd1bb!important}.city-temperature-marker.is-temp-very-hot{background:#ffe3d7!important;border-color:#ffae8e!important}.city-temperature-marker.is-temp-cold{background:#f0f6ff!important;border-color:#c9dcff!important}.city-temperature-marker.is-temp-very-cold{background:#dceaff!important;border-color:#9bbcff!important}
.city-temperature-marker.is-rank-1{background:#ff5a3b!important;border-color:#ff5a3b!important}.city-temperature-marker.is-rank-2{background:#ff8a35!important;border-color:#ff8a35!important}.city-temperature-marker.is-rank-3{background:#ffbd55!important;border-color:#ffbd55!important}.city-temperature-marker.is-rank-1 .city-temperature-name,.city-temperature-marker.is-rank-1 .city-temperature-value,.city-temperature-marker.is-rank-2 .city-temperature-name,.city-temperature-marker.is-rank-2 .city-temperature-value{color:#fff!important}.city-temperature-marker.is-rank-3 .city-temperature-name,.city-temperature-marker.is-rank-3 .city-temperature-value{color:#5f3500!important}
html[data-rank-mode="cold"] .city-temperature-marker.is-rank-1{background:#315bd8!important;border-color:#315bd8!important}html[data-rank-mode="cold"] .city-temperature-marker.is-rank-2{background:#5c8ff0!important;border-color:#5c8ff0!important}html[data-rank-mode="cold"] .city-temperature-marker.is-rank-3{background:#a3c7ff!important;border-color:#a3c7ff!important}html[data-rank-mode="cold"] .city-temperature-marker.is-rank-3 .city-temperature-name,html[data-rank-mode="cold"] .city-temperature-marker.is-rank-3 .city-temperature-value{color:#173d6a!important}
.hm-weather-dock{background:#fff!important;border:1px solid var(--hm-line)!important;border-radius:17px!important;overflow:hidden!important;box-shadow:none!important;margin:0!important;padding:0!important;min-height:270px!important}
.hm-detail-tabs{display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr 1fr!important;gap:0!important;border-bottom:1px solid var(--hm-line)!important;background:#fff!important;padding:0 14px!important;overflow-x:auto!important}
.hm-detail-tabs .layer-button{min-width:142px!important;border:0!important;border-radius:0!important;background:transparent!important;border-bottom:3px solid transparent!important;padding:12px 10px 10px!important;text-align:left!important;color:#667680!important;min-height:68px!important}
.hm-detail-tabs .layer-button.is-active{border-bottom-color:var(--hm-brand)!important;color:#138f83!important;background:linear-gradient(180deg,transparent,#f0fbf8)!important}
.hm-detail-tabs .layer-copy{display:flex!important;flex-direction:column!important;gap:2px!important}.hm-detail-tabs small{font-size:10px!important;font-weight:800!important}.hm-detail-tabs strong{font-size:11px!important;color:#22313a!important}.hm-detail-tabs em{font-size:8px!important;color:#9aa6ad!important;font-style:normal!important}
.hm-forecast-panel{min-height:195px!important;padding:0!important;background:#fff!important}.hm-forecast-panel>#panel-content{padding:12px 14px!important}
.hm-google-cards{display:grid;grid-template-columns:1fr 1fr 1.18fr 1.18fr;gap:10px;padding:0 12px 12px;background:#fff}
.hm-info-card{min-width:0;border:1px solid #e5edf1;border-radius:15px;background:#fff;padding:14px;overflow:hidden;position:relative}
.hm-info-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.hm-info-card header div{display:flex;flex-direction:column;gap:2px}.hm-info-card header small{font-size:8px;color:#84929b}.hm-info-card header strong{font-size:12px}.hm-info-card header>span{font-size:8px;color:#72828c;text-align:right}
.hm-sun-graphic{height:72px;position:relative;margin:4px 10px 0}.hm-sun-arc{position:absolute;left:0;right:0;bottom:0;height:62px;border:2px solid #ffb118;border-bottom:0;border-radius:180px 180px 0 0/120px 120px 0 0;opacity:.95}.hm-sun-graphic:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px dashed #dce5ea}.hm-sun-dot{position:absolute;bottom:0;left:var(--sun-progress);transform:translate(-50%,50%);font-size:20px;filter:drop-shadow(0 3px 5px rgba(255,169,0,.25));z-index:2}
.hm-sun-times{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:7px}.hm-sun-times span{text-align:center}.hm-sun-times small{display:block;font-size:8px;color:#8a98a1}.hm-sun-times b{font-size:10px}
.hm-tide-wave{width:100%;height:72px}.hm-tide-wave path{stroke:#2e8bf7;stroke-width:3}.hm-tide-wave line{stroke:#e1eaf0;stroke-width:1;stroke-dasharray:4 4}.hm-tide-events{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.hm-tide-events span{border-radius:9px;background:#f5f9fc;padding:6px 8px}.hm-tide-events small{display:block;font-size:7px;color:#83909a}.hm-tide-events b{font-size:9px;display:block;margin-top:2px}
.hm-compare-badge{border-radius:999px;padding:5px 8px;background:#eef4ff;color:#3a68ba!important;font-weight:800}.hm-compare-main{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:6px}.hm-compare-main>div{background:#f8fafc;border-radius:11px;padding:9px}.hm-compare-main small{display:block;color:#86939b;font-size:7px}.hm-compare-main strong{display:block;font-size:22px;margin-top:2px;line-height:1}.hm-compare-main span{font-size:8px}.hm-vs{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0f3f5;color:#687781;font-weight:900}.hm-compare-diff{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.hm-compare-diff span{background:#fff;border:1px solid #edf1f4;border-radius:8px;padding:5px;text-align:center}.hm-compare-diff small{display:block;font-size:7px;color:#87949c}.hm-compare-diff b{font-size:9px}.hm-compare-card p{font-size:7px;color:#95a0a6;margin:7px 0 0}.hm-compare-card.is-loading{opacity:.72}.hm-compare-card.is-error .hm-compare-badge{background:#f4f5f6;color:#7f8b92!important}
.hm-story-card>strong{font-size:13px;display:block;margin:6px 0 4px}.hm-story-card>p{font-size:9px;color:#677781;margin:0 0 10px;line-height:1.5}.hm-hour-bars{height:44px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;align-items:end}.hm-rain-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.hm-rain-bar i{display:block;width:100%;min-height:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#5bb3ff,#2b83f6)}.hm-rain-bar small{font-size:6px;color:#87949b}.hm-rain-bar b{font-size:6px;color:#4e6574}
.hm-footer{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;color:#8a979f;font-size:9px;background:#fff;border-top:1px solid var(--hm-line)}.hm-footer nav{display:flex;gap:14px}.hm-footer a{color:inherit;text-decoration:none}
.mobile-bottom-nav{display:none!important}
@media (max-width:1450px){.hm-appbar{grid-template-columns:285px minmax(300px,1fr) 220px}.hm-workspace{grid-template-columns:300px minmax(0,1fr)}.hm-current-main{grid-template-columns:70px 1fr!important}.hm-current-main .hero-weather-visual{width:68px!important;height:68px!important}.hm-current-temp-copy>strong{font-size:44px!important}.hm-google-cards{grid-template-columns:1fr 1fr}.hm-map-stage{height:680px!important}.hm-detail-tabs{grid-template-columns:repeat(6,minmax(135px,1fr))!important}}
@media (max-width:1050px){.hm-weather-app{padding:0}.hm-app-shell{border:0;border-radius:0}.hm-appbar{height:auto;grid-template-columns:1fr auto;padding:10px 12px}.hm-brand{grid-column:1}.hm-brand-copy small{display:none}.hm-brand-copy strong{font-size:16px}.hm-search-zone{grid-column:1/-1;grid-row:2;margin-top:6px}.hm-app-actions{grid-column:2;grid-row:1}.hm-action-button{height:40px;padding:0 10px}.hm-action-button b{display:none}.hm-menu-button{min-width:42px}.hm-workspace{display:flex;flex-direction:column;padding:8px}.hm-weather-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hm-current-card{grid-column:1}.hm-rank-card{grid-column:2;grid-row:1}.hm-sun-mini{grid-column:1}.hm-today-note{grid-column:2}.hm-sidebar-actions,.hm-sidebar-source{display:none}.hm-map-stage{height:560px!important;min-height:520px!important}.hm-map-and-detail{gap:8px}.hm-google-cards{grid-template-columns:1fr 1fr}.hm-footer{display:none}.mobile-bottom-nav{display:flex!important}.hm-weather-app{padding-bottom:66px}.hm-detail-tabs{padding:0 6px!important}}
@media (max-width:720px){.hm-appbar{position:sticky;top:0;z-index:80;background:#fff}.hm-brand-mark{width:34px;height:34px;border-radius:10px}.hm-brand-copy b{font-size:9px}.hm-search{height:44px!important}.hm-workspace{padding:7px}.hm-weather-sidebar{display:flex;flex-direction:column}.hm-current-card{order:1}.hm-sun-mini{order:2}.hm-rank-card{order:3}.hm-today-note{order:4}.hm-current-card .weather-side-current{padding:16px 15px 12px!important}.hm-current-card h1{font-size:17px!important}.hm-current-main{grid-template-columns:68px 1fr!important;margin:12px 0 10px!important}.hm-current-temp-copy>strong{font-size:43px!important}.hm-current-metrics b{font-size:10px!important}.hm-current-alert{min-height:52px!important}.hm-rank-card{padding:12px}.hm-top3-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.hm-top3-list li{grid-template-columns:20px 1fr;gap:4px;padding:6px}.hm-top3-list li span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-top3-list li strong{grid-column:2;font-size:11px}.hm-map-stage{height:430px!important;min-height:430px!important}.hm-map-toolbar{height:50px;padding:6px}.hm-map-meta span:last-child{display:none}.hm-map-tabs button{min-width:48px;height:32px;padding:0 8px}.hm-map-tabs .map-rank-button{width:32px!important;min-width:32px!important}.hm-map-canvas{height:calc(100% - 50px)!important;min-height:380px!important}.hm-map-context{left:8px!important;top:8px!important;max-width:230px!important}.map-hint{display:none!important}.city-temperature-marker{min-width:48px!important;padding:5px 6px!important}.city-temperature-name{font-size:7px!important}.city-temperature-value{font-size:9px!important}.hm-weather-dock{border-radius:14px!important}.hm-detail-tabs{display:flex!important;padding:0 4px!important;overflow-x:auto!important}.hm-detail-tabs .layer-button{min-width:108px!important;min-height:58px!important;padding:9px 8px!important}.hm-detail-tabs strong,.hm-detail-tabs em{display:none!important}.hm-forecast-panel{min-height:170px!important}.hm-forecast-panel>#panel-content{padding:8px!important}.hm-google-cards{display:flex;overflow-x:auto;gap:8px;padding:0 8px 10px;scroll-snap-type:x mandatory}.hm-info-card{min-width:82vw;scroll-snap-align:start;padding:12px}.hm-sun-graphic{height:66px}.hm-footer{display:none}.mobile-bottom-nav{display:flex!important;z-index:90!important}}

/* v15.49 — existing weather UI refinement: glassmorphism nationwide markers */
.city-temperature-marker{
  min-width:68px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
  overflow:visible!important;
  filter:drop-shadow(0 6px 14px rgba(31,57,73,.14));
}
.city-temperature-name{
  display:block!important;
  max-width:92px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 10px rgba(42,73,89,.08)!important;
  backdrop-filter:blur(10px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(135%)!important;
  color:#31424d!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  overflow:hidden!important;
}
.city-temperature-glass{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:grid!important;
  grid-template-rows:24px 17px!important;
  place-items:center!important;
  padding:6px 4px 5px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(239,249,252,.62))!important;
  border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 16px rgba(34,67,83,.16)!important;
  backdrop-filter:blur(13px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(145%)!important;
  position:relative!important;
}
.city-temperature-weather-icon{width:23px!important;height:23px!important;display:grid!important;place-items:center!important;color:#ffae19!important}
.city-temperature-weather-icon svg{width:23px!important;height:23px!important;display:block!important;stroke-width:2.1!important}
.city-temperature-weather-icon.weather-icon-missing{width:17px!important;height:17px!important;border-radius:50%!important;border:1.5px dashed rgba(92,114,128,.45)!important}
.city-temperature-value{font-size:11px!important;font-weight:900!important;color:#17232b!important;line-height:1!important;letter-spacing:-.2px!important}
.city-temperature-marker.is-temp-hot .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 2px rgba(255,174,92,.22),0 6px 18px rgba(224,124,43,.14)!important}
.city-temperature-marker.is-temp-very-hot .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 2px rgba(255,101,67,.32),0 7px 20px rgba(224,76,45,.19)!important}
.city-temperature-marker.is-temp-cold .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 2px rgba(82,151,246,.22),0 6px 18px rgba(49,111,195,.13)!important}
.city-temperature-marker.is-temp-very-cold .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 2px rgba(54,104,216,.34),0 7px 20px rgba(54,104,216,.18)!important}
.city-temperature-marker.is-rank-1,.city-temperature-marker.is-rank-2,.city-temperature-marker.is-rank-3{background:transparent!important;border:0!important}
.city-temperature-marker.is-rank-1 .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 3px rgba(255,74,42,.82),0 8px 22px rgba(232,74,42,.23)!important}
.city-temperature-marker.is-rank-2 .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 3px rgba(255,139,38,.76),0 8px 22px rgba(238,130,35,.19)!important}
.city-temperature-marker.is-rank-3 .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 3px rgba(255,190,69,.78),0 8px 22px rgba(226,161,38,.18)!important}
html[data-rank-mode="cold"] .city-temperature-marker.is-rank-1 .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 3px rgba(50,91,216,.84),0 8px 22px rgba(50,91,216,.22)!important}
html[data-rank-mode="cold"] .city-temperature-marker.is-rank-2 .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 3px rgba(83,139,235,.78),0 8px 22px rgba(67,124,215,.18)!important}
html[data-rank-mode="cold"] .city-temperature-marker.is-rank-3 .city-temperature-glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 3px rgba(119,175,247,.72),0 8px 22px rgba(71,132,207,.16)!important}
.city-temperature-rank{left:-6px!important;top:18px!important;z-index:3!important;border:2px solid rgba(255,255,255,.96)!important}

/* Keep Google's information hierarchy ideas inside the existing HealingMart layout. */
.hm-forecast-panel .weather-hour-grid{gap:7px!important;grid-auto-columns:minmax(72px,1fr)!important}
.hm-forecast-panel .weather-hour-card{min-height:118px!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important;border:1px solid #e7eef2!important;padding:10px 6px!important}
.hm-forecast-panel .weather-hour-card:first-child{background:linear-gradient(180deg,#effbf8,#f9fdfc)!important;border-color:#cdeee7!important}
.hm-forecast-panel .weather-hour-card svg{width:31px!important;height:31px!important;margin:7px auto!important}
.hm-forecast-panel .weather-hour-card strong{font-size:15px!important}
.hm-forecast-panel .weather-hour-card small{font-size:8px!important}
.hm-today-note{box-shadow:inset 3px 0 0 rgba(18,181,165,.44)!important}
.hm-sun-graphic,.hm-tide-wave{filter:drop-shadow(0 4px 7px rgba(47,98,131,.07))}
.hm-compare-card{background:linear-gradient(180deg,#fff,#f8fbff)!important}

@media (max-width:720px){
  .city-temperature-marker{min-width:56px!important;gap:2px!important}
  .city-temperature-name{font-size:7px!important;padding:2px 6px!important;max-width:70px!important}
  .city-temperature-glass{width:44px!important;height:44px!important;grid-template-rows:20px 14px!important;padding:5px 3px 4px!important}
  .city-temperature-weather-icon,.city-temperature-weather-icon svg{width:19px!important;height:19px!important}
  .city-temperature-value{font-size:9px!important}
  .city-temperature-rank{width:16px!important;height:16px!important;font-size:8px!important;left:-5px!important;top:15px!important}
}