:root{
  --mh-weather-sky-top:#3d8bd6;
  --mh-weather-sky-bottom:#bfe3ff;
  --mh-weather-ambient:1;
  --mh-weather-intensity:.6;
  --mh-weather-overlay-tint:.28;
  --mh-weather-sun-visible:1;
  --mh-weather-moon-visible:0;
  --mh-weather-stars-visible:0;
  --mh-weather-sun-x:50%;
  --mh-weather-sun-y:14%;
  --mh-weather-moon-x:14%;
  --mh-weather-moon-y:16%;
  --mh-weather-image-opacity:.55;
  --mh-weather-image-blur:0px;
  --mh-weather-image-brightness:1;
  --mh-weather-image-saturation:1;
}

 
.mh-wx-layer{position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none}

.mh-wx-sky{
  position:absolute;inset:-4% -4%;
  background:linear-gradient(180deg,var(--mh-weather-sky-top),var(--mh-weather-sky-bottom));
  opacity:calc(.22 + var(--mh-weather-ambient) * .3);
  filter:saturate(calc(.7 + var(--mh-weather-ambient)*.4));
   
  transition:background 16s linear,opacity 16s linear,filter 16s linear;
  will-change:opacity;
}
[data-theme="light"] .mh-wx-sky{opacity:calc(.10 + var(--mh-weather-ambient)*.16)}
[data-reduced-transparency="true"] .mh-wx-sky,
[data-reduced-motion="true"] .mh-wx-sky{transition-duration:1ms}

.mh-wx-sun{
  position:absolute;left:var(--mh-weather-sun-x);top:var(--mh-weather-sun-y);
  width:min(20vw,160px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 42% 38%,#fff9e8,#ffd479 42%,transparent 72%);
  opacity:calc(var(--mh-weather-sun-visible) * .9);
  filter:blur(2px);
  transform:translate3d(-50%,-50%,0);
  transition:opacity 16s linear,left 16s linear,top 16s linear;
}
.mh-wx-moon{
  position:absolute;left:var(--mh-weather-moon-x);top:var(--mh-weather-moon-y);
  width:min(10vw,84px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 36%,#fdfdfb,#cdd6e6 55%,transparent 78%);
  box-shadow:0 0 40px rgba(205,214,230,.35);
  opacity:calc(var(--mh-weather-moon-visible) * .85);
  transform:translate3d(-50%,-50%,0);
  transition:opacity 16s linear,left 16s linear,top 16s linear;
}
[data-reduced-transparency="true"] .mh-wx-sun,[data-reduced-motion="true"] .mh-wx-sun,
[data-reduced-transparency="true"] .mh-wx-moon,[data-reduced-motion="true"] .mh-wx-moon{transition-duration:1ms}

.mh-wx-stars{
  position:absolute;inset:0;overflow:hidden;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  opacity:calc(var(--mh-weather-stars-visible) * .95);
  transition:opacity 16s linear;
  pointer-events:none;  
}
 
.mh-wx-stars:not(:has(svg)){
  background-image:
    radial-gradient(1.4px 1.4px at 12% 18%,#fff,transparent),
    radial-gradient(1.1px 1.1px at 28% 9%,#fff,transparent),
    radial-gradient(1.6px 1.6px at 44% 22%,#fff,transparent),
    radial-gradient(1.1px 1.1px at 62% 12%,#fff,transparent),
    radial-gradient(1.4px 1.4px at 77% 26%,#fff,transparent),
    radial-gradient(1.1px 1.1px at 88% 15%,#fff,transparent);
}
.mh-wx-stars svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.mh-wx-star{cursor:default;pointer-events:none}

 
.mh-wx-star-tip{
  position:absolute;transform:translate(-50%,-135%);z-index:5;
  background:rgba(8,14,26,.74);color:#eef6ff;font-size:12px;line-height:1;
  padding:5px 9px;border-radius:8px;white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .15s ease;backdrop-filter:blur(4px);
  box-shadow:0 2px 10px rgba(0,0,0,.35);letter-spacing:.02em;
}
.mh-wx-star-tip[data-show="true"]{opacity:1}

 
.mh-wx-meteors{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.mh-wx-meteor{
  position:absolute;left:var(--mh-mx);top:var(--mh-my);width:2px;height:2px;pointer-events:none;
  animation:mh-wx-meteor-fly var(--mh-mdur) cubic-bezier(.12,.65,.25,1) 1 forwards;
}
.mh-wx-meteor::before{
  content:"";position:absolute;left:0;top:0;width:130px;height:1.5px;border-radius:2px;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,.5) 35%,rgba(255,255,255,0) 100%);
  transform-origin:0 50%;transform:rotate(calc(var(--mh-mrot) * 1deg + 180deg));
  opacity:.92;filter:drop-shadow(0 0 3px rgba(255,255,255,.55));
}
.mh-wx-meteor::after{
  content:"";position:absolute;left:-1.5px;top:-1.5px;width:4px;height:4px;border-radius:50%;
  background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.85);
}
.mh-wx-meteor--bright::before{height:2.2px;filter:drop-shadow(0 0 7px rgba(255,255,255,.85))}
.mh-wx-meteor--bright::after{
  width:5px;height:5px;
  box-shadow:0 0 14px 4px rgba(255,255,255,.95),0 0 24px 9px rgba(160,200,255,.35);
}
@keyframes mh-wx-meteor-fly{
  0%{transform:translate(0,0);opacity:0}
  6%{opacity:1}
  72%{opacity:.85}
  100%{transform:translate(var(--mh-mdx),var(--mh-mdy));opacity:0}
}
@media (prefers-reduced-motion:reduce){ .mh-wx-meteor{animation:none;display:none} }

.mh-wx-image{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;filter:blur(var(--mh-weather-image-blur)) brightness(var(--mh-weather-image-brightness)) saturate(var(--mh-weather-image-saturation));
  transition:opacity .5s ease,filter .35s ease;
}
.mh-wx-image[data-active="true"]{opacity:var(--mh-weather-image-opacity)}

.mh-wx-canvas{position:absolute;inset:0;width:100%;height:100%}

.mh-wx-scrim{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,calc(var(--mh-weather-overlay-tint)*.55)) 100%);
  mix-blend-mode:multiply;
}
[data-theme="light"] .mh-wx-scrim{mix-blend-mode:normal;opacity:calc(var(--mh-weather-overlay-tint)*.3)}

 
[data-wx-weather="lighting"] .mh-wx-layer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(3px 3px at 15% 70%,#ffd98a,transparent 60%),
    radial-gradient(3px 3px at 32% 55%,#ffb4d0,transparent 60%),
    radial-gradient(3px 3px at 50% 78%,#9adfff,transparent 60%),
    radial-gradient(3px 3px at 68% 60%,#ffd98a,transparent 60%),
    radial-gradient(3px 3px at 84% 74%,#b6ffcf,transparent 60%),
    radial-gradient(3px 3px at 22% 40%,#ffb4d0,transparent 60%),
    radial-gradient(3px 3px at 76% 38%,#9adfff,transparent 60%);
  opacity:calc(.35 + var(--mh-weather-intensity)*.5);
  animation:mh-wx-twinkle 3.6s ease-in-out infinite;
  filter:blur(.2px) drop-shadow(0 0 6px rgba(255,217,138,.5));
}
@keyframes mh-wx-twinkle{0%,100%{opacity:calc(.28 + var(--mh-weather-intensity)*.4)}50%{opacity:calc(.5 + var(--mh-weather-intensity)*.5)}}

@media (prefers-reduced-motion:reduce){
  .mh-wx-sky,.mh-wx-sun,.mh-wx-moon,.mh-wx-stars{transition-duration:1ms}
  [data-wx-weather="lighting"] .mh-wx-layer::before{animation:none}
}
[data-reduced-motion="true"] [data-wx-weather="lighting"] .mh-wx-layer::before{animation:none}
[data-perf="lite"] .mh-wx-sun,[data-perf="lite"] .mh-wx-moon,[data-perf="lite"] .mh-wx-stars{display:none}

 
.mh-more-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;margin-bottom:8px}
.mh-more-row__icon{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--color-accent,#34D399) 16%,transparent);color:var(--color-accent,#34D399)}
.mh-more-row__icon svg{width:18px;height:18px}
.mh-more-row__body{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:2px}
.mh-more-row__body strong{font-size:14px;font-weight:600;color:var(--theme-text,#0c2a22)}
.mh-more-row__body small{font-size:12px;color:var(--theme-text-muted,#5b7a70)}
.mh-more-row__chevron{flex:0 0 auto;opacity:.4}
.mh-more-row__chevron svg{width:16px;height:16px}

.mh-st{position:fixed;inset:0;z-index:var(--mh-z-settings,220);overflow:hidden;contain:layout paint;
  --st-fill:color-mix(in srgb,var(--theme-text,#fff) 8%,var(--theme-bg,#04100D));
  --st-sep:color-mix(in srgb,var(--theme-text,#fff) 12%,transparent);
  --st-ink:var(--theme-text,#eafff6);--st-mute:var(--theme-text-muted,#8fb1a5);--st-acc:var(--color-accent,#34D399)}
.mh-st[hidden],.mh-st [hidden]{display:none!important}
.mh-st__page{position:absolute;inset:0;background:var(--theme-bg,#04100D);color:var(--st-ink);will-change:transform;
  box-shadow:-10px 0 34px rgb(0 0 0/.28);transition:opacity .25s ease;--t:0}
.mh-st.is-peek .mh-st__page{opacity:0}
.mh-st__dim{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:6}
.mh-st__scroll{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:calc(env(safe-area-inset-top) + 68px) 16px calc(40px + env(safe-area-inset-bottom))}
.mh-st__large{margin:6px 6px 18px;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;
  opacity:calc(1 - var(--t)*1.4);transform:translateY(calc(var(--t) * -6px)) scale(calc(1 - var(--t)*.04));transform-origin:left center}

 
.mh-st__nav{position:absolute;left:0;right:0;top:0;z-index:5;height:calc(env(safe-area-inset-top) + 64px);
  display:flex;align-items:flex-end;justify-content:space-between;padding:0 14px 8px;pointer-events:none}
.mh-st__nav::before{content:"";position:absolute;inset:0;z-index:-1;opacity:var(--t);
  background:linear-gradient(var(--theme-bg,#04100D) 30%,color-mix(in srgb,var(--theme-bg,#04100D) 0%,transparent));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.mh-st__ntitle{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:16px;font-weight:700;
  opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 6px));pointer-events:none}
.mh-st__slot{width:44px;height:44px;pointer-events:auto}

 
.mh-st__glass{all:unset;box-sizing:border-box;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  color:var(--st-ink);position:relative;pointer-events:auto;-webkit-tap-highlight-color:transparent;
  background:color-mix(in srgb,var(--theme-text,#fff) 13%,transparent);
  backdrop-filter:blur(22px) saturate(1.9) brightness(1.06);-webkit-backdrop-filter:blur(22px) saturate(1.9) brightness(1.06);
  box-shadow:inset 0 1px 0 rgb(255 255 255/.34),inset 0 -1px 0 rgb(255 255 255/.06),inset 0 0 0 1px rgb(255 255 255/.10),0 6px 18px rgb(0 0 0/.22);
  transition:transform .32s cubic-bezier(.32,1.6,.5,1),background .2s ease}
.mh-st__glass::after{content:"";position:absolute;inset:1px;border-radius:50%;pointer-events:none;
  background:radial-gradient(120% 90% at 30% 0%,rgb(255 255 255/.28),transparent 55%)}
.mh-st__glass:active,.mh-st__glass.is-held{transform:scale(.9);background:color-mix(in srgb,var(--theme-text,#fff) 22%,transparent);transition-duration:.12s}
.mh-st__glass svg{width:20px;height:20px;stroke-width:2.4;position:relative;z-index:1}
.mh-st__glass:focus-visible{outline:2px solid var(--st-acc);outline-offset:3px}

 
.mh-st__group{margin:0 0 26px}
.mh-st__gtitle{margin:0 16px 7px;font-size:12.5px;font-weight:600;color:var(--st-mute);letter-spacing:.02em}
.mh-st__gfoot{margin:8px 16px 0;font-size:12px;line-height:1.5;color:var(--st-mute)}
.mh-st__list{border-radius:22px;background:var(--st-fill);overflow:hidden}
.mh-st__row{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;
  padding:9px 16px 9px 14px;cursor:default;-webkit-tap-highlight-color:transparent}
.mh-st__row+.mh-st__row::before{content:"";position:absolute;top:0;left:56px;right:0;height:1px;background:var(--st-sep)}
.mh-st__row--plain+.mh-st__row::before,.mh-st__row+.mh-st__row--plain::before{left:16px}
button.mh-st__row{cursor:pointer;transition:background .15s ease}
button.mh-st__row:active{background:color-mix(in srgb,var(--theme-text,#fff) 10%,transparent)}
.mh-st__ico{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;
  background:var(--c,#0A84FF);box-shadow:inset 0 1px 0 rgb(255 255 255/.28),inset 0 -1px 0 rgb(0 0 0/.12)}
.mh-st__ico svg{width:17px;height:17px;stroke-width:1.9}
.mh-st__rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.mh-st__rt strong{font-size:16px;font-weight:500}
.mh-st__rt small{font-size:12px;color:var(--st-mute);line-height:1.35}
.mh-st__val{flex:0 0 auto;font-size:15px;color:var(--st-mute);max-width:44%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-st__chev{flex:0 0 auto;width:14px;height:14px;color:var(--st-mute);opacity:.6}
.mh-st__check{flex:0 0 auto;width:20px;height:20px;color:var(--st-acc);opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .3s cubic-bezier(.32,1.6,.5,1)}
.mh-st__row.is-on .mh-st__check{opacity:1;transform:none}
.mh-st__row--col{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}
.mh-st__rowtop{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mh-st__rowtop strong{font-size:16px;font-weight:500}
.mh-st__rowtop span{font-size:14px;color:var(--st-mute);font-variant-numeric:tabular-nums}

 
.mh-st__sw{all:unset;flex:0 0 auto;position:relative;width:51px;height:31px;border-radius:999px;cursor:pointer;
  background:color-mix(in srgb,var(--theme-text,#fff) 22%,transparent);transition:background .28s ease}
.mh-st__sw::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;
  box-shadow:0 2px 6px rgb(0 0 0/.3);transition:transform .32s cubic-bezier(.32,1.5,.5,1)}
.mh-st__sw[aria-checked="true"]{background:var(--st-acc)}
.mh-st__sw[aria-checked="true"]::after{transform:translateX(20px)}
.mh-st__sw:active::after{width:32px}
.mh-st__sw[aria-checked="true"]:active::after{transform:translateX(15px)}

.mh-st__range{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;outline:none;margin:0}
.mh-st__range::-webkit-slider-runnable-track{height:4px;border-radius:2px;
  background:linear-gradient(90deg,var(--st-acc) var(--p,50%),color-mix(in srgb,var(--theme-text,#fff) 18%,transparent) var(--p,50%))}
.mh-st__range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11px;border-radius:50%;background:#fff;
  box-shadow:0 2px 8px rgb(0 0 0/.35);cursor:pointer}
.mh-st__range::-moz-range-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--theme-text,#fff) 18%,transparent)}
.mh-st__range::-moz-range-progress{height:4px;border-radius:2px;background:var(--st-acc)}
.mh-st__range::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgb(0 0 0/.35)}
.mh-st__range:disabled{opacity:.35}

 
.mh-st__preview{position:relative;height:120px;border-radius:22px;overflow:hidden;margin:0 0 22px;
  background:linear-gradient(180deg,var(--mh-weather-sky-top),var(--mh-weather-sky-bottom));box-shadow:inset 0 0 0 1px rgb(255 255 255/.12)}
.mh-st__preview b{position:absolute;left:14px;bottom:26px;font-size:20px;font-weight:800;color:#fff;text-shadow:0 1px 6px rgb(0 0 0/.45)}
.mh-st__preview i{position:absolute;left:14px;bottom:10px;font-style:normal;font-size:12px;font-weight:600;color:#fff;opacity:.85;text-shadow:0 1px 4px rgb(0 0 0/.5)}
.mh-st__snowbar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--cover,0) * 46%);background:linear-gradient(#fff,#d5e4ef);
  border-radius:60% 60% 0 0/22px 22px 0 0;transition:height .6s linear;opacity:calc(min(1,var(--cover,0)*8))}
.mh-st__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mh-st__card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 4px 11px;border-radius:18px;
  background:var(--st-fill);border:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background .25s ease,border-color .25s ease,transform .3s cubic-bezier(.32,1.5,.5,1)}
.mh-st__card svg{width:26px;height:26px;color:var(--st-ink);transition:color .25s ease}
.mh-st__card span{font-size:12px;font-weight:600;color:var(--st-mute);transition:color .25s ease}
.mh-st__card:active{transform:scale(.94)}
.mh-st__card.is-on{border-color:var(--st-acc);background:color-mix(in srgb,var(--st-acc) 16%,var(--st-fill))}
.mh-st__card.is-on svg,.mh-st__card.is-on span{color:var(--st-acc)}
.mh-st__btnrow{color:var(--st-acc)}
.mh-st__btnrow.is-danger{color:#ff6b6f}
.mh-st__file{position:relative}
.mh-st__file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}

 
.mh-st__page.is-enter .mh-st__scroll>*{animation:mh-st-rise .55s cubic-bezier(.32,.72,0,1) both}
.mh-st__page.is-enter .mh-st__scroll>*:nth-child(2){animation-delay:.04s}
.mh-st__page.is-enter .mh-st__scroll>*:nth-child(3){animation-delay:.08s}
.mh-st__page.is-enter .mh-st__scroll>*:nth-child(4){animation-delay:.12s}
.mh-st__page.is-enter .mh-st__scroll>*:nth-child(n+5){animation-delay:.16s}
@keyframes mh-st-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .mh-st__page.is-enter .mh-st__scroll>*{animation:none}
  .mh-st__glass,.mh-st__sw::after,.mh-st__card{transition-duration:1ms}
}
[data-theme="light"] .mh-st__glass{background:rgb(255 255 255/.62);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgb(0 0 0/.05),0 6px 18px rgb(0 0 0/.12)}

 
.mh-wx-star-tip{display:none!important}
.mh-wx-stars svg,.mh-wx-stars svg *{pointer-events:none!important}

                               
                                                                               
                                                                             
                                                                            
                                                                         
                                                                        
                                                                        
                                              
.mh-wx-sun,.mh-wx-moon{
  z-index:5;
  pointer-events:none;
  background:none!important;
  box-shadow:none!important;
  opacity:1!important;
  left:var(--mh-sky-sun-x);
  top:var(--mh-sky-sun-y);
  transition:none!important;
}
.mh-wx-sun{width:min(22vw,180px);filter:none;transform:translate3d(-50%,-50%,0)}
.mh-wx-moon{left:var(--mh-sky-moon-x);top:var(--mh-sky-moon-y);width:min(11vw,104px);transform:translate3d(-50%,-50%,0)}
.mh-wx-sun{opacity:var(--mh-sky-sun-alpha)!important}
.mh-wx-moon{opacity:var(--mh-sky-moon-alpha)!important}
.mh-wx-stars{
  opacity:var(--mh-sky-stars-alpha)!important;
  pointer-events:none;
  z-index:4;
}
.mh-wx-stars[data-sky-interactive="true"]{pointer-events:auto}
@media (max-width:600px){
  .mh-wx-sun{width:min(26vw,150px)}
  .mh-wx-moon{width:min(14vw,82px)}
}