:root{
  --marian-blue:#2e6fb3;
  --gold:#cfa34a;
  --bg: rgba(255,255,255,0.03);
}
.hrtc-wall { display:flex; flex-wrap:wrap; gap:16px; justify-content:center; padding:24px; }
.hrtc-candle { width:120px; height:220px; display:flex; flex-direction:column; align-items:center; background:var(--bg); padding:12px; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.08); }
.hrtc-flame { width:28px; height:40px; border-radius:50% 50% 40% 40%; margin-bottom:8px; box-shadow: 0 0 18px var(--marian-blue); animation: flicker 1.8s infinite; background: radial-gradient(circle at 30% 30%, #fff 0%, #ffd28a 40%, #ff8a00 80%); }
.hrtc-body { width:42px; height:110px; background:linear-gradient(#fff,#eee); border-radius:6px; box-shadow: inset 0 -6px 12px rgba(0,0,0,0.06); margin-bottom:8px; }
.hrtc-meta { text-align:center; font-family:Inter,Arial,sans-serif; font-size:13px; color:#222; }
.hrtc-candle--donated .hrtc-flame { box-shadow: 0 0 28px var(--gold); }

@keyframes flicker{ 0%{ transform: translateY(0) scale(1); filter:brightness(1); } 50%{ transform: translateY(-2px) scale(0.98); filter:brightness(0.85);} 100%{ transform: translateY(0) scale(1); filter:brightness(1);} }

/* Modal basics */
.hrtc-modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(10,20,35,0.5); z-index:9999; }
.hrtc-modal-inner { background:#fff; border-radius:10px; width:90%; max-width:900px; display:flex; gap:12px; padding:18px; }
.hrtc-floating { position:fixed; right:18px; bottom:18px; background:var(--marian-blue); color:#fff; border:none; padding:12px 16px; border-radius:999px; box-shadow:0 8px 18px rgba(0,0,0,0.12); cursor:pointer;}