.acra-dialer-box {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(6px);
  border-radius: 16px;
  text-align: center;
  padding: 36px 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.4);
  width: 92%;
  max-width: 420px;
  margin: 30px auto;
  color: #fff;
}
.acra-phone-icon {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  margin: 0 auto 18px;
  background: #00ff6a;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  color: #000;
  box-shadow: 0 0 20px #00ff6a;
  animation: acra_pulse 2s infinite;
}
@keyframes acra_pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,255,106,0.7); }
  70% { box-shadow: 0 0 0 20px rgba(0,255,106,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,255,106,0); }
}
.acra-dialer-box h1 { margin: 0 0 8px; font-size: 22px; color: #fff; }
.acra-status { font-size: 14px; color: #ddd; margin-bottom: 12px; }
.acra-timer { font-size: 42px; font-weight: 700; color: #00ff6a; margin-bottom: 18px; }
.acra-btn { display:inline-block; padding:10px 18px; border-radius:8px; text-decoration:none; font-weight:700; }
.acra-btn-call { background:#00ff6a; color:#000; }
.acra-btn-cancel { background:transparent; border:1px solid #555; color:#ccc; margin-left:10px; }
.acra-hidden { display:none; }
.acra-small { font-size:12px; color:#ccc; margin-top:12px; }
body { margin:0; min-height:100vh; background: radial-gradient(circle at 50% 40%, #0d1b2a, #000); font-family: "Segoe UI", Roboto, Arial, sans-serif; display:flex; align-items:center; justify-content:center; }