/* Backdrop */
.elm-a2hs{position:fixed;inset:0;display:none;z-index:999999}
.elm-a2hs.is-open{display:block}
.elm-a2hs__backdrop{position:absolute;inset:0;background:rgba(8,15,23,.45)}

/* Card (glass) */
.elm-a2hs__card{
  position:absolute;max-width:480px;width:calc(100% - 28px);margin:0 auto;right:0;left:0;
  border-radius:20px;background:rgba(255,255,255,.15);
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 24px 60px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.35);
  color:#fff;padding:22px 18px 16px;transform:translateY(10px) scale(.985);opacity:0;
  transition:.32s cubic-bezier(.22,.61,.36,1);
}
.elm-a2hs.is-open .elm-a2hs__card{transform:translateY(0) scale(1);opacity:1}

/* Liquid highlights */
.elm-a2hs__card:before{content:"";position:absolute;inset:-2px;pointer-events:none;
background:radial-gradient(900px 300px at -10% -20%, rgba(255,255,255,.35), rgba(255,255,255,0) 60%),radial-gradient(700px 280px at 120% 120%, rgba(255,255,255,.18), rgba(255,255,255,0) 60%);
mix-blend-mode:screen;opacity:.7}

/* Close button */
.elm-a2hs__close{position:absolute;top:8px;left:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.22);color:#0f172a;border:0;border-radius:10px;font-size:18px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .15s ease, background .2s ease}
.elm-a2hs__close:hover{transform:scale(1.05);background:rgba(255,255,255,.3)}

/* Icon */
.elm-a2hs__icon{display:flex;justify-content:center;margin-top:6px}
.elm-a2hs__icon img{width:80px;height:80px;object-fit:cover;border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.25) inset}

/* Text colors */
#elm-a2hs-title{text-align:center;font-size:20px;margin:14px 0 6px;font-weight:800;letter-spacing:.2px;color:var(--elm-title,#fff)}
#elm-a2hs-desc{text-align:center;font-size:15px;margin:0 6px 12px;color:var(--elm-text,rgba(255,255,255,.92))}

/* Steps full-width */
.elm-a2hs__steps{margin:10px 4px 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;align-items:stretch;counter-reset:step}
.elm-a2hs__steps li{
  width:100%; text-align:center; line-height:1.7;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25);
  border-radius:16px; padding:12px 44px; color:#fff; backdrop-filter:blur(6px);
  position:relative; word-break:break-word;
}
.elm-a2hs__steps li::before{
  counter-increment:step; content:counter(step);
  position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%);
  background:rgba(255,255,255,.28); width:26px; height:26px; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center; font-weight:700; color:#0f172a;
}

/* Actions */
.elm-a2hs__actions{display:flex;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.elm-a2hs__btn{
  background:var(--elm-accent,#0f172a); color:var(--elm-accent-text,#fff);
  border:0;border-radius:999px;padding:12px 20px;cursor:pointer;font-weight:800;
  box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.15);
  transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;
}
.elm-a2hs__btn:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.2)}
.elm-a2hs__btn[disabled]{opacity:.7;cursor:not-allowed}

/* Positioning */
#elm-a2hs[data-position="bottom"] .elm-a2hs__card{top:auto;bottom:calc(16px + env(safe-area-inset-bottom))}
#elm-a2hs[data-position="center"] .elm-a2hs__card{bottom:auto;top:50%;transform:translateY(6px) translateY(-50%)}
#elm-a2hs.is-open #elm-a2hs[data-position="center"] .elm-a2hs__card{transform:translateY(-50%)}