@keyframes mel-theme-orbit { to { transform: rotate(360deg); } }
@keyframes mel-theme-pulse { 0%,100%{box-shadow:0 0 8px rgba(124,111,240,0.3)} 50%{box-shadow:0 0 20px rgba(124,111,240,0.6)} }
@keyframes mel-theme-morph { 0%{transform:scale(1) rotate(0deg)} 50%{transform:scale(0.7) rotate(180deg)} 100%{transform:scale(1) rotate(360deg)} }
.mel-theme-fab { bottom: 20px; right: 20px; width: 44px; height: 44px; }
.mel-theme-fab-ring { inset: -4px; width: 52px; height: 52px; }
@media (max-width: 767px) {
  .mel-theme-fab { top: calc(env(safe-area-inset-top, 0px) + 12px); bottom: auto; right: 12px; width: 36px; height: 36px; }
  .mel-theme-fab-ring { inset: -3px; width: 42px; height: 42px; }
}
.mel-theme-fab.is-compact { top: calc(env(safe-area-inset-top, 0px) + 12px); bottom: auto; right: 12px; width: 36px; height: 36px; }
.mel-theme-fab.is-compact .mel-theme-fab-ring { inset: -3px; width: 42px; height: 42px; }