.ac-overlay{
  position:fixed;inset:0;z-index:10000;
  display:flex;align-items:center;justify-content:center;
  padding:16px;
  background:radial-gradient(120% 80% at 50% 0%, rgba(139,92,246,.18), rgba(0,0,0,.78) 60%);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  opacity:0;pointer-events:none;
  transition:opacity .18s ease;
}
.ac-overlay.open{opacity:1;pointer-events:auto}
.ac-box{
  position:relative;
  width:100%;max-width:420px;
  background:linear-gradient(160deg, rgba(30,27,47,.96), rgba(17,15,28,.96));
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:22px 22px 18px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7), 0 0 0 1px rgba(139,92,246,.08), inset 0 1px 0 rgba(255,255,255,.05);
  color:#e5e7eb;
  transform:translateY(14px) scale(.96);
  opacity:0;
  transition:transform .22s cubic-bezier(.2,.9,.3,1.2), opacity .18s ease;
  overflow:hidden;
}
.ac-overlay.open .ac-box{transform:translateY(0) scale(1);opacity:1}
.ac-box::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg, transparent, rgba(139,92,246,.7), transparent);
}
.ac-icon{
  width:56px;height:56px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 14px;
  background:rgba(139,92,246,.12);
  border:1px solid rgba(139,92,246,.28);
  color:#c4b5fd;
}
.ac-icon.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#fca5a5}
.ac-icon svg{width:28px;height:28px}
.ac-title{
  font-size:18px;font-weight:700;text-align:center;margin:0 0 6px;color:#f5f5f7;
  letter-spacing:-.01em;
}
.ac-msg{
  font-size:14px;text-align:center;color:#a1a1aa;margin:0 0 20px;line-height:1.5;
}
.ac-actions{display:flex;gap:10px}
.ac-btn{
  flex:1;border:none;cursor:pointer;
  padding:12px 16px;border-radius:12px;
  font-size:14px;font-weight:600;font-family:inherit;
  transition:transform .12s ease, background .15s ease, box-shadow .15s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.ac-btn:active{transform:scale(.97)}
.ac-btn-cancel{
  background:rgba(255,255,255,.05);color:#d4d4d8;
  border:1px solid rgba(255,255,255,.08);
}
.ac-btn-cancel:hover{background:rgba(255,255,255,.08)}
.ac-btn-ok{
  background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;
  box-shadow:0 8px 20px -8px rgba(139,92,246,.6);
}
.ac-btn-ok:hover{box-shadow:0 10px 24px -8px rgba(139,92,246,.8)}
.ac-btn-ok.danger{
  background:linear-gradient(135deg,#ef4444,#b91c1c);
  box-shadow:0 8px 20px -8px rgba(239,68,68,.6);
}
.ac-btn-ok.danger:hover{box-shadow:0 10px 24px -8px rgba(239,68,68,.8)}
@media (max-width:600px){
  .ac-overlay{align-items:flex-end;padding:0}
  .ac-box{
    max-width:100%;border-radius:22px 22px 0 0;
    padding:20px 18px calc(20px + env(safe-area-inset-bottom));
    transform:translateY(100%);
  }
  .ac-overlay.open .ac-box{transform:translateY(0)}
  .ac-actions{flex-direction:column-reverse}
  .ac-btn{padding:14px 16px;font-size:15px}
}