:root{
  --bg: #0f1720;
  --card: #0b1220;
  --accent: #FFD54A;
  --muted: #9aa4b2;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:#e6eef6;background:linear-gradient(180deg,#071023 0%, #0e1b2a 100%)}
.container{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}
header{text-align:center;margin-bottom:18px}
h1{font-size:20px;margin:0;color:var(--accent)}
.sub{margin:6px 0 0;color:var(--muted);text-transform:lowercase}
.bell{background:transparent;border:0;padding:0;margin:12px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;touch-action:none}
.bell svg{width:36vw;max-width:220px;height:auto;transition:transform .12s ease-in-out}
.bell:active svg, .bell.ringing svg{transform:translateY(-6px) rotate(-6deg) scale(1.02)}
.hint{color:var(--muted);font-size:14px;text-align:center;margin-top:8px}
/* debug UI removed */
.status{display:none}
/* SMS quick-request buttons */
.sms-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.sms-btn{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.04);color:var(--muted);padding:8px 12px;border-radius:10px;font-size:13px;cursor:pointer}
.sms-btn:active{transform:translateY(1px)}

/* debug controls removed */
/* Make button area large for easy tapping */
#bell{width:76vw;max-width:260px;height:76vw;max-height:260px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* small accessibility focus ring */
.bell:focus{outline:3px solid rgba(255,213,74,0.18);outline-offset:6px}

/* subtle pulse while ringing continuously */
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,213,74,0.12)}
  70%{box-shadow:0 0 0 18px rgba(255,213,74,0)}
  100%{box-shadow:0 0 0 0 rgba(255,213,74,0)}
}
.bell.continuous{animation:pulse 1s infinite}

/* responsive tweaks */
@media (min-width:640px){
  h1{font-size:28px}
  .sub{font-size:16px}
}