#hm-mallow-launcher{position:fixed;z-index:9998;right:max(16px,env(safe-area-inset-right));bottom:max(var(--hm-mallow-bottom,16px),calc(env(safe-area-inset-bottom) + 16px));display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 20px;border:1px solid #d79172;border-radius:30px;background:#f3a17f;color:#203c35;box-shadow:0 5px 20px #203c3520;font:600 15px/1.4 'DM Sans',sans-serif;cursor:pointer}
#hm-mallow-launcher::before{content:'';width:10px;height:10px;flex:none;background:#203c35;border-radius:50%;box-shadow:0 0 0 5px #fffefa55}
#hm-mallow-launcher[hidden],#hm-mallow-panel[hidden]{display:none!important}
#hm-mallow-panel{position:fixed;z-index:9998;right:max(16px,env(safe-area-inset-right));bottom:max(var(--hm-mallow-bottom,16px),calc(env(safe-area-inset-bottom) + 16px));display:flex;flex-direction:column;width:min(420px,calc(100vw - 32px));height:min(720px,calc(100dvh - var(--hm-mallow-bottom,16px) - 16px - env(safe-area-inset-top)));min-height:120px;border:1px solid #c4cdbd;border-radius:18px;overflow:hidden;box-shadow:0 12px 60px #203c352b;background:#f7f5ef;color:#203c35;font:15px/1.5 'DM Sans',sans-serif}
.hm-mallow-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:8px 12px 8px 18px;border-bottom:1px solid #d9ded4;background:#fffefa}
#hm-mallow-title{margin:0;font:600 16px/1.4 'DM Sans',sans-serif;letter-spacing:normal}
.hm-mallow-close,.hm-mallow-status button{appearance:none;min-height:44px;padding:10px 14px;border:1px solid #c4cdbd;border-radius:6px;background:#fffefa;color:#203c35;font:600 14px/1.4 'DM Sans',sans-serif;cursor:pointer}
.hm-mallow-content{flex:1;min-height:0;overflow:hidden}
.hm-mallow-status{padding:24px;overflow:auto}
.hm-mallow-status p{font:400 16px/1.65 'DM Sans',sans-serif;margin:0 0 20px;color:#203c35}
.hm-mallow-status a{display:inline-flex;align-items:center;min-height:44px;margin-left:12px;text-decoration:underline;text-underline-offset:4px}
#hm-mallow-launcher:focus-visible,.hm-mallow-close:focus-visible,.hm-mallow-status button:focus-visible,.hm-mallow-status a:focus-visible{outline:3px solid #35665a;outline-offset:3px}
@media(max-width:480px){#hm-mallow-panel{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto}#hm-mallow-launcher{right:max(12px,env(safe-area-inset-right));min-height:48px;padding:11px 17px}}
@media(prefers-reduced-motion:reduce){#hm-mallow-panel,#hm-mallow-launcher{animation:none;transition:none}}
