:root{
  --mh-sky-sun-x:50%;
  --mh-sky-sun-y:18%;
  --mh-sky-moon-x:50%;
  --mh-sky-moon-y:20%;
  --mh-sky-stars-alpha:0;
  --mh-sky-sun-alpha:0;
  --mh-sky-moon-alpha:0;
}
                                                                     
                                                                       
                                                                        
                                                                  
                                                    
.mh-sky-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.mh-sun-bloom,.mh-sun-corona,.mh-sun-disc{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.mh-sun-bloom{inset:-75%;background:radial-gradient(circle,rgba(255,249,220,.28) 0,rgba(255,223,132,.16) 32%,rgba(255,190,90,.05) 56%,transparent 74%);filter:blur(10px)}
.mh-sun-corona{inset:-28%;background:radial-gradient(circle,rgba(255,226,149,.38) 0,rgba(255,207,116,.13) 46%,transparent 71%);filter:blur(3px)}
.mh-sun-disc{background:radial-gradient(circle at 39% 36%,#fffef0 0%,#fff6c9 27%,#ffd96f 61%,rgba(255,191,78,.18) 84%,transparent 100%);filter:blur(.7px)}
.mh-moon-disc{display:block;width:100%;height:100%;border-radius:50%;pointer-events:none}
[data-reduced-transparency="true"] .mh-sun-bloom{display:none}
.mh-sky-tip{
  position:fixed;left:0;top:0;z-index:10000;max-width:min(80vw,240px);padding:6px 9px;border-radius:9px;
  background:rgba(8,14,24,.78);color:#eef6ff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 6px 18px rgba(0,0,0,.28);font-size:12px;line-height:1.2;pointer-events:none;opacity:0;
  transform:translate3d(0,0,0);transition:opacity .14s ease;letter-spacing:.01em
}
.mh-sky-tip[data-show="true"]{opacity:1}
.mh-sky-tip b{display:block;font-size:12px;color:#fff;font-weight:600;letter-spacing:.02em;white-space:nowrap}