body {
  background:#f2f4f7;
  font-family: Arial, sans-serif;
}

/* Cards */
.ans-card {
  background:#fff;
  border-radius:12px;
  padding:16px;
  margin-bottom:14px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* Stats */
.ans-stat {
  border-radius:14px;
  padding:24px;
  margin-top:14px;
  color:#fff;
}
.ans-stat h1 {
  margin:0;
  font-size:34px;
}

/* Colors */
.bg-blue{background:#0ea5e9;}
.bg-green{background:#22c55e;}
.bg-yellow{background:#facc15;color:#000;}
.bg-red{background:#ef4444;}

/* Desktop actions */
.ans-action {
  margin-top:14px;
  padding:26px;
  border-radius:14px;
  font-size:18px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
}

/* Desktop only */
.desktop-only {display:block;}
@media(max-width:767px){
  .desktop-only{display:none!important;}
}

/* Mobile bar */
.ans-mobile-bar{
  position:fixed;
  bottom:0;left:0;right:0;
  background:#fff;
  display:flex;
  justify-content:space-around;
  border-top:1px solid #ddd;
  padding:8px 0;
}
@media(min-width:768px){
  .ans-mobile-bar{display:none!important;}
}