.ccm-modal .ccm-card{
  background: rgba(255,255,255,0.22) !important;
  border: 1px solid rgba(255,255,255,0.38) !important;
  backdrop-filter: blur(var(--ccm-lm-blur)) saturate(150%) !important;
  -webkit-backdrop-filter: blur(var(--ccm-lm-blur)) saturate(150%) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.28) !important;
  border-radius: 20px !important;
  animation: ccmLiquidFade .6s ease both;
}
.ccm-fab{
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.16) !important;
  animation: ccmFabBreath 3.2s ease-in-out infinite;
}
.ccm-fab:hover{ transform: scale(1.05) !important; }
@keyframes ccmLiquidFade{ 0%{opacity:0;transform:translateY(8px) scale(.97);filter:blur(4px);} 100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);} }
@keyframes ccmFabBreath{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.03);} }
.ccm-btn{ background: rgba(255,190,152,0.18) !important; border: 1px solid rgba(255,190,152,0.45) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; }
.ccm-btn:hover{ background: rgba(255,190,152,0.32) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important; }
.ccm-btn.ccm-primary{ color: var(--ccm-btn-text) !important; }
.ccm-btn.ccm-secondary{ background: rgba(240,240,240,0.6) !important; border-color: rgba(0,0,0,0.06) !important; color:#333 !important; }
.ccm-btn.ccm-secondary:hover{ background: rgba(240,240,240,0.8) !important; }
.ccm-btn.ccm-outline{ background: transparent !important; border: 2px solid var(--ccm-brand) !important; color: var(--ccm-accent) !important; }
.ccm-btn.ccm-outline:hover{ background: rgba(255,190,152,0.18) !important; }
.ccm-acc summary{ background: rgba(255,255,255,0.5) !important; border: 1px solid rgba(0,0,0,0.06) !important; }
.ccm-acc[open] summary{ background: rgba(255,255,255,0.75) !important; }