:root{--mh-safe-l:env(safe-area-inset-left,0px)}
.mh-island[data-mh-ext=true].mh-phys,.mh-island[data-mh-ext=true].mh-phys:active{max-width:none!important;left:0!important;transform:translate3d(0,0,0) scale(var(--mh-sc,1))!important;transform-origin:50% 0}
.mh-island[data-mh-ext=true].mh-phys{margin-right:auto}
                                                  
                                                                        
                                                                 
                                       
.mh-island[data-mh-ext=true].mh-phys{margin-left:calc(max(10px,env(safe-area-inset-left,0px)) + var(--mh-ie-shift,0px))}
                                                            
.mh-island[data-mh-ext=true]{transition:none}
html[data-mh-island-split=true] .mh-island[data-mh-ext=true][data-mh-animating=true]{transition:none}

                        
.mh-ie-bar{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none;transition:opacity .2s}
.mh-ie-bar[data-dim=true]{opacity:0}
.mh-ie-clock{font-size:14px;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#fff}
.mh-ie-batt{display:inline-flex;align-items:center;gap:4px;color:#fff}
.mh-ie-batt-svg{width:26px;height:13px}
.mh-ie-batt-body{stroke:currentColor;stroke-opacity:.45;stroke-width:1}
.mh-ie-batt-cap{fill:currentColor;fill-opacity:.45}
.mh-ie-batt-fill{fill:#fff;transition:width .4s,fill .3s}
.mh-ie-batt-bolt{fill:#fff;opacity:0;stroke:#0a1a12;stroke-width:.6;paint-order:stroke}
.mh-ie-batt-pct{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
                                      
.mh-ie-live{display:inline-flex;align-items:center;gap:5px;color:#fff;pointer-events:none}
.mh-ie-live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent,#30d158);box-shadow:0 0 6px color-mix(in srgb,var(--color-accent,#30d158) 70%,transparent);animation:mh-ie-live-pulse 1.4s ease-in-out infinite}
.mh-ie-live-txt{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.mh-ie-live--timer[data-done=true] .mh-ie-live-dot{background:var(--color-danger,#ff453a);box-shadow:0 0 6px color-mix(in srgb,var(--color-danger,#ff453a) 70%,transparent);animation:mh-ie-live-pulse .8s ease-in-out infinite}
.mh-ie-live--timer[data-done=true] .mh-ie-live-txt{color:var(--color-danger,#ff453a)}
@keyframes mh-ie-live-pulse{50%{opacity:.3}}
[data-reduced-motion=true] .mh-ie-live-dot{animation:none}
@media (prefers-reduced-motion: reduce){.mh-ie-live-dot{animation:none}}
.mh-ie-batt[data-state=charging] .mh-ie-batt-fill{fill:#30d158}
.mh-ie-batt[data-state=charging] .mh-ie-batt-bolt{opacity:1}
.mh-ie-batt[data-state=low] .mh-ie-batt-fill{fill:#ff453a}
.mh-ie-batt[data-state=unknown] .mh-ie-batt-svg{opacity:.55}
.mh-ie-batt[data-state=unknown] .mh-ie-batt-pct{display:none}
                             
.mh-island[data-mh-ext=true].mh-phys .mh-island-label{max-width:calc(100% - 150px)}
.mh-ie-bar:has(.mh-ie-live) ~ .mh-island-label,
.mh-island[data-mh-ext=true].mh-phys:has(.mh-ie-live) .mh-island-label{max-width:calc(100% - 210px)}
.mh-island[data-mh-ext=true].mh-phys[data-has-icon=true] .mh-island-label{left:calc(50% + 8px)}
.mh-island[data-mh-ext=true].mh-phys .mh-island-icon{left:62px}


                                     
.mh-ie-back{position:fixed;z-index:calc(var(--mh-z-island,300) + 2);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:0;pointer-events:none;
  background:radial-gradient(90% 90% at 30% 20%,rgb(255 255 255/.16),transparent 70%),color-mix(in srgb,#08130f 78%,transparent);
  border:1px solid rgb(255 255 255/.24);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);
  box-shadow:0 8px 22px rgb(0 0 0/.3),inset 0 1px 0 rgb(255 255 255/.22);
  -webkit-appearance:none;appearance:none;touch-action:manipulation;cursor:pointer;will-change:transform,opacity}
.mh-ie-back svg{width:16px;height:16px}
[data-reduced-transparency=true] .mh-ie-back{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--theme-surface) 94%,transparent)}