/* Host Music Convert visual language for the Unlock Music sub-window. */
:root { color-scheme: dark; }
html, body { min-width: 0; min-height: 100%; }
body {
  background:
    radial-gradient(circle at 76% -8%, rgb(232 90 255 / 18%), transparent 34rem),
    radial-gradient(circle at 0 72%, rgb(255 143 72 / 10%), transparent 28rem),
    #080b16;
}
#downloadAll {
  min-width: 154px;
  min-height: 52px;
  padding: .75rem 1.25rem;
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 14px;
  color: #241027;
  background: linear-gradient(135deg, #ef9cff, #ff9d5d);
  box-shadow: 0 16px 45px rgb(229 100 255 / 28%);
  font-size: .95rem;
  font-weight: 900;
  letter-spacing: .01em;
}
#downloadAll:hover:not(:disabled) { filter: saturate(1.08) brightness(1.05); transform: translateY(-1px); }
#downloadAll:disabled { filter: saturate(.65); opacity: .72; }
[data-testid="audio-download"] {
  min-height: 44px;
  border-radius: 12px;
  color: #241027;
  background: linear-gradient(135deg, #ef9cff, #ff9d5d);
  font-weight: 850;
}
.hostmc-tip-card { width: min(500px, 100%); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
.hostmc-qr-frame { width: 100%; aspect-ratio: 1 / 1; flex: 0 1 auto; }
.hostmc-qr-frame img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 680px) {
  #downloadAll { right: 12px; bottom: max(68px, env(safe-area-inset-bottom)); min-width: 136px; min-height: 48px; padding-inline: 1rem; font-size: .875rem; }
  .hostmc-modal-backdrop { padding: 8px; }
  .hostmc-modal-card { width: 100%; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 28px 18px 20px; border-radius: 18px; }
  .hostmc-modal-card h2 { margin-right: 36px; font-size: clamp(1.2rem, 5.5vw, 1.45rem); }
  .hostmc-reward-grid { grid-template-columns: 1fr; }
  .hostmc-reward-grid .hostmc-wechat-button { grid-column: auto; }
  .hostmc-tip-card { height: auto; }
}