/* AQ FIT SCREEN BALANCED - restore pro orb + viewer panel */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body.aq-fit-screen100 {
  --aq-fit-zoom: .94;
}

@media (min-width: 1000px) and (max-height: 880px) {
  body.aq-fit-screen100 {
    zoom: var(--aq-fit-zoom);
    overflow-y: auto;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D {
    height: 124px !important;
    margin: 6px auto 8px !important;
  }

  body.aq-fit-screen100 .aq-player-card-fit100 {
    padding-top: 28px !important;
    padding-bottom: 16px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D {
    width: 176px !important;
    height: 150px !important;
    margin: 8px auto 0 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 30 !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 134px !important;
    height: 134px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(86%, 360px) !important;
    min-height: 62px !important;
    margin: 2px auto 0 !important;
    padding: 8px 12px 9px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(0, 238, 255, .34) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(0, 238, 255, .18), transparent 55%),
      rgba(0, 18, 32, .62) !important;
    box-shadow:
      0 0 22px rgba(0, 238, 255, .12),
      inset 0 0 18px rgba(0, 238, 255, .08) !important;
    text-align: center !important;
    color: #fff !important;
    overflow: hidden !important;
    line-height: 1.12 !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-count {
    display: block !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #fff !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-count b {
    color: #00eaff !important;
    font-size: 18px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-title {
    display: block !important;
    margin-top: 3px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    color: rgba(255,255,255,.94) !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-list {
    display: block !important;
    margin-top: 3px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,.94) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.aq-fit-screen100 .aq-chat-card-fit100,
  body.aq-fit-screen100 .aq-donate-card-fit100 {
    max-height: calc(100vh - 150px) !important;
  }

  body.aq-fit-screen100 .aq-donate-card-fit100 img {
    max-height: 230px !important;
    object-fit: contain !important;
  }
}

@media (min-width: 1000px) and (max-height: 760px) {
  body.aq-fit-screen100 {
    --aq-fit-zoom: .91;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D {
    height: 112px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D {
    width: 160px !important;
    height: 136px !important;
    margin-top: 6px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 122px !important;
    height: 122px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro {
    min-height: 56px !important;
    padding: 6px 10px !important;
  }
}

@media (max-width: 820px) {
  body.aq-fit-screen100 #aqProHoloOrb3D {
    width: 178px !important;
    height: 158px !important;
    margin: 16px auto 4px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 136px !important;
    height: 136px !important;
  }
}

/* AQ VIEWER PANEL HEIGHT FIX - show full listener box */
@media (min-width: 1000px) {
  body.aq-fit-screen100 .aq-player-card-fit100 {
    padding-bottom: 34px !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D {
    margin-bottom: 4px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(86%, 370px) !important;
    min-height: 88px !important;
    height: auto !important;
    max-height: none !important;
    margin: 4px auto 8px !important;
    padding: 10px 14px 12px !important;
    overflow: visible !important;
    line-height: 1.18 !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-count {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
    margin-bottom: 3px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-title {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.16 !important;
    margin-bottom: 4px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-list {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
    min-height: 18px !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1000px) and (max-height: 760px) {
  body.aq-fit-screen100 #aqViewerPanelPro {
    min-height: 78px !important;
    padding: 8px 12px 10px !important;
    margin-bottom: 6px !important;
  }

  body.aq-fit-screen100 .aq-player-card-fit100 {
    padding-bottom: 28px !important;
  }
}

/* AQ STOP VOLUME JUMP FIX */
body.aq-fit-screen100 .aq-volume-stable {
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  contain: layout paint !important;
}

body.aq-fit-screen100 .aq-volume-stable *,
body.aq-fit-screen100 .aq-volume-stable input[type="range"] {
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

body.aq-fit-screen100 .aq-volume-stable input[type="range"] {
  display: block !important;
  width: 160px !important;
  max-width: 160px !important;
  height: 14px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: relative !important;
}

body.aq-fit-screen100 #aqProHoloOrb3D {
  margin-top: 6px !important;
  margin-bottom: 2px !important;
}

body.aq-fit-screen100 #aqViewerPanelPro {
  margin-top: 4px !important;
  margin-bottom: 10px !important;
}

/* AQ FINAL VOLUME LOCK - stop jumping on PLAY */
body.aq-fit-screen100 .aq-volume-final-lock {
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  position: relative !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

body.aq-fit-screen100 .aq-volume-final-lock *,
body.aq-fit-screen100 .aq-volume-final-lock input[type="range"] {
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

body.aq-fit-screen100 .aq-volume-final-lock input[type="range"] {
  width: 165px !important;
  max-width: 165px !important;
  height: 14px !important;
  margin: 0 auto !important;
  display: block !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable {
  width: 100% !important;
  height: 318px !important;
  min-height: 318px !important;
  max-height: 318px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable #aqProHoloOrb3D {
  flex: 0 0 auto !important;
  width: 176px !important;
  height: 156px !important;
  margin: 0 auto 4px !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable #aqProHoloOrb3D .aqorb-stage {
  width: 136px !important;
  height: 136px !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable #aqViewerPanelPro {
  flex: 0 0 auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(86%, 370px) !important;
  min-height: 88px !important;
  height: auto !important;
  max-height: none !important;
  margin: 2px auto 0 !important;
  padding: 10px 14px 12px !important;
  overflow: visible !important;
}

body.aq-fit-screen100 .aq-player-card-fit100 {
  overflow: visible !important;
  padding-bottom: 22px !important;
}

@media (min-width: 1000px) and (max-height: 760px) {
  body.aq-fit-screen100 #aqPlayerLowerStable {
    height: 292px !important;
    min-height: 292px !important;
    max-height: 292px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable #aqProHoloOrb3D {
    width: 160px !important;
    height: 140px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable #aqProHoloOrb3D .aqorb-stage {
    width: 122px !important;
    height: 122px !important;
  }
}

/* AQ STOP VISUALIZER LAYOUT JUMP */
body.aq-fit-screen100 .aq-viz-stable {
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  margin: 12px auto 10px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  overflow: hidden !important;
  position: relative !important;
  transform: none !important;
  transition: none !important;
  contain: layout paint !important;
}

body.aq-fit-screen100 .aq-viz-stable .aq-viz-bar-stable {
  width: 14px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  transform-origin: center center !important;
  animation: aqVizStablePulse 1.25s ease-in-out infinite !important;
  transition: none !important;
}

body.aq-fit-screen100 .aq-viz-stable .aq-viz-bar-stable:nth-child(2n) {
  animation-delay: -.18s !important;
}

body.aq-fit-screen100 .aq-viz-stable .aq-viz-bar-stable:nth-child(3n) {
  animation-delay: -.36s !important;
}

body.aq-fit-screen100 .aq-viz-stable .aq-viz-bar-stable:nth-child(4n) {
  animation-delay: -.54s !important;
}

@keyframes aqVizStablePulse {
  0%, 100% {
    transform: scaleY(.58) !important;
    opacity: .72;
  }

  50% {
    transform: scaleY(1) !important;
    opacity: 1;
  }
}

/* Khóa thêm khoảng cách từ visualizer xuống volume */
body.aq-fit-screen100 .aq-volume-final-lock,
body.aq-fit-screen100 .aq-volume-stable {
  margin-top: 8px !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* AQ WAVE MOVING FIX - animate without layout jump */
body.aq-fit-screen100 .aq-viz-stable,
body.aq-fit-screen100 .aq-viz-moving-lock {
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  margin: 12px auto 10px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

body.aq-fit-screen100 .aq-viz-moving-lock .aq-viz-moving-bar {
  width: 14px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  transform-origin: center center !important;
  will-change: transform, opacity !important;
  transition: none !important;
  animation-name: aqWaveMoveOnly !important;
  animation-duration: var(--aq-wave-speed, 1.05s) !important;
  animation-delay: var(--aq-wave-delay, 0s) !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
  animation-play-state: running !important;
}

@keyframes aqWaveMoveOnly {
  0% {
    transform: scaleY(var(--aq-wave-low, .42));
    opacity: .68;
  }

  45% {
    transform: scaleY(var(--aq-wave-high, 1));
    opacity: 1;
  }

  100% {
    transform: scaleY(var(--aq-wave-mid, .62));
    opacity: .82;
  }
}

/* AQ WAVE PAUSE CONTROL */
body.aq-wave-paused .aq-viz-moving-lock .aq-viz-moving-bar,
body.aq-wave-paused .aq-viz-stable .aq-viz-bar-stable {
  animation-play-state: paused !important;
  opacity: .62 !important;
}

/* AQ_SINGLE_ORB_GUARD_START */
body.aq-fit-screen100 [data-aq-duplicate-orb-hidden="1"],
body.aq-fit-screen100 [data-aq-old-orb-hidden="1"],
body.aq-fit-screen100 [data-aq-old-viewer-hidden="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable {
  isolation: isolate !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* AQ_SINGLE_ORB_GUARD_END */

/* AQ_DUPLICATE_ORB2_KILLER_START */
body.aq-fit-screen100 [data-aq-kill-duplicate-orb2="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.aq-fit-screen100 #aqProHoloOrb3D {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* AQ_DUPLICATE_ORB2_KILLER_END */

/* AQ_HARD_KILL_OLD_ORB_START */
body.aq-fit-screen100 [data-aq-hard-kill-old-orb="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable {
  overflow: visible !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable > *:not(#aqProHoloOrb3D):not(#aqViewerPanelPro) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.aq-fit-screen100 #aqProHoloOrb3D {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.aq-fit-screen100 #aqViewerPanelPro {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* AQ_HARD_KILL_OLD_ORB_END */

/* AQ_FINAL_REMOVE_OLD_ORB_LAYOUT_START */
body.aq-fit-screen100 #visual3d,
body.aq-fit-screen100 #visual3d *,
body.aq-fit-screen100 #lightOrb3D,
body.aq-fit-screen100 #lightOrb3D *,
body.aq-fit-screen100 .mono3d-scene,
body.aq-fit-screen100 .mono3d-glow,
body.aq-fit-screen100 .mono3d-ring,
body.aq-fit-screen100 .mono3d-core,
body.aq-fit-screen100 .mono3d-bars,
body.aq-fit-screen100 [data-aq-remove-old-visual3d="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.aq-fit-screen100 #aqProHoloOrb3D {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.aq-fit-screen100 #aqViewerPanelPro {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* AQ_FINAL_REMOVE_OLD_ORB_LAYOUT_END */

/* AQ_DONATE_QR_NEW_START */
body.aq-fit-screen100 img.aq-donate-qr-new {
  display: block !important;
  width: min(230px, 82%) !important;
  max-width: 230px !important;
  height: auto !important;
  max-height: 245px !important;
  margin: 10px auto 0 !important;
  object-fit: contain !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 2px rgba(255, 35, 80, .55),
    0 12px 30px rgba(0, 0, 0, .38) !important;
}

@media (max-width: 820px) {
  body.aq-fit-screen100 img.aq-donate-qr-new {
    width: min(220px, 86%) !important;
    max-width: 220px !important;
    max-height: 238px !important;
  }
}
/* AQ_DONATE_QR_NEW_END */

/* AQ_QR_SCAN_SIZE_FIX_START */

/* Khung Donate/Zalo không được cắt QR */
body.aq-fit-screen100 .aq-qr-scan-box,
body.aq-fit-screen100 .aq-qr-scan-box * {
  box-sizing: border-box !important;
}

body.aq-fit-screen100 .aq-qr-scan-box {
  overflow: visible !important;
}

body.aq-fit-screen100 .aq-qr-scan-box img {
  object-fit: contain !important;
}

/* QR Donate: nhỏ lại, hiện đủ để quét */
body.aq-fit-screen100 img.aq-donate-qr-new,
body.aq-fit-screen100 img.aq-donate-qr-scan-fit {
  width: 178px !important;
  max-width: 178px !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  margin: 8px auto 6px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 12px !important;
  box-shadow:
    0 0 0 2px rgba(255, 35, 80, .55),
    0 10px 24px rgba(0, 0, 0, .35) !important;
}

/* QR Zalo: nhỏ lại, không bị mất đáy */
body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
  width: 165px !important;
  max-width: 165px !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  margin: 8px auto 8px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 12px !important;
}

/* Card trong cột phải đủ cao nhưng không crop ảnh */
body.aq-fit-screen100 .aq-donate-card-fit100 img.aq-donate-qr-scan-fit,
body.aq-fit-screen100 .aq-donate-card-fit100 img.aq-donate-qr-new {
  max-height: none !important;
}

body.aq-fit-screen100 .aq-zalo-box-scan-fit {
  overflow: visible !important;
  padding-bottom: 12px !important;
}

@media (min-width: 1000px) and (max-height: 880px) {
  body.aq-fit-screen100 img.aq-donate-qr-new,
  body.aq-fit-screen100 img.aq-donate-qr-scan-fit {
    width: 168px !important;
    max-width: 168px !important;
  }

  body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
    width: 155px !important;
    max-width: 155px !important;
  }
}

@media (max-width: 820px) {
  body.aq-fit-screen100 img.aq-donate-qr-new,
  body.aq-fit-screen100 img.aq-donate-qr-scan-fit {
    width: min(190px, 76vw) !important;
    max-width: min(190px, 76vw) !important;
  }

  body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
    width: min(175px, 72vw) !important;
    max-width: min(175px, 72vw) !important;
  }
}

/* AQ_QR_SCAN_SIZE_FIX_END */

/* AQ_MAIN_LAYOUT_HEIGHT_BALANCE_START */

/* Cho 3 layout chính chứa đủ nội dung, không bị tràn ra ngoài khung */
@media (min-width: 1000px) {
  body.aq-fit-screen100 .aq-player-card-fit100,
  body.aq-fit-screen100 .aq-chat-card-fit100,
  body.aq-fit-screen100 .aq-donate-card-fit100 {
    height: auto !important;
    min-height: 720px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Khung Player giữa: đủ chỗ cho orb + người đang nghe */
  body.aq-fit-screen100 .aq-player-card-fit100 {
    padding-bottom: 42px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable {
    height: auto !important;
    min-height: 292px !important;
    max-height: none !important;
    padding-bottom: 18px !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro {
    position: relative !important;
    margin: 8px auto 0 !important;
    transform: none !important;
  }

  /* Cột phải: để Donate + Zalo nằm gọn trong card chính */
  body.aq-fit-screen100 .aq-donate-card-fit100 {
    padding-bottom: 34px !important;
  }

  body.aq-fit-screen100 .aq-zalo-box-scan-fit,
  body.aq-fit-screen100 .aq-qr-scan-box {
    overflow: visible !important;
  }

  body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
    width: 150px !important;
    max-width: 150px !important;
    margin-bottom: 12px !important;
  }

  body.aq-fit-screen100 img.aq-donate-qr-new,
  body.aq-fit-screen100 img.aq-donate-qr-scan-fit {
    width: 162px !important;
    max-width: 162px !important;
  }

  /* Chừa khoảng dưới để footer không cắt layout */
  body.aq-fit-screen100 main,
  body.aq-fit-screen100 .aq-saved-pro-layout,
  body.aq-fit-screen100 .aq-saved-pro-grid,
  body.aq-fit-screen100 .aq-main-layout,
  body.aq-fit-screen100 .aq-main-grid,
  body.aq-fit-screen100 .aq-three-cols {
    padding-bottom: 44px !important;
    align-items: stretch !important;
  }
}

/* Màn hình thấp: vẫn kéo dài nhưng giữ vừa mắt */
@media (min-width: 1000px) and (max-height: 820px) {
  body.aq-fit-screen100 .aq-player-card-fit100,
  body.aq-fit-screen100 .aq-chat-card-fit100,
  body.aq-fit-screen100 .aq-donate-card-fit100 {
    min-height: 690px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable {
    min-height: 270px !important;
  }

  body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
    width: 142px !important;
    max-width: 142px !important;
  }

  body.aq-fit-screen100 img.aq-donate-qr-new,
  body.aq-fit-screen100 img.aq-donate-qr-scan-fit {
    width: 154px !important;
    max-width: 154px !important;
  }
}

/* Mobile giữ auto, tránh ép quá cao */
@media (max-width: 820px) {
  body.aq-fit-screen100 .aq-player-card-fit100,
  body.aq-fit-screen100 .aq-chat-card-fit100,
  body.aq-fit-screen100 .aq-donate-card-fit100 {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable {
    height: auto !important;
    min-height: 260px !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* AQ_MAIN_LAYOUT_HEIGHT_BALANCE_END */

/* AQ_RIGHT_ZALO_CONTAIN_FIX_START */

/* Kéo dài đúng cột phải để Donate + Zalo nằm trong khung chính */
@media (min-width: 1000px) {
  body.aq-fit-screen100 .aq-right-main-contain {
    height: auto !important;
    min-height: 765px !important;
    max-height: none !important;
    padding-bottom: 34px !important;
    overflow: hidden !important;
  }

  body.aq-fit-screen100 .aq-right-main-contain .aq-donate-qr-new,
  body.aq-fit-screen100 .aq-right-main-contain .aq-donate-qr-scan-fit {
    width: 154px !important;
    max-width: 154px !important;
    height: auto !important;
    margin: 8px auto 4px !important;
  }

  body.aq-fit-screen100 .aq-zalo-section-contain {
    display: block !important;
    position: relative !important;
    width: calc(100% - 34px) !important;
    max-width: 360px !important;
    min-height: 292px !important;
    height: auto !important;
    margin: 14px auto 0 !important;
    padding: 12px 12px 18px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body.aq-fit-screen100 .aq-zalo-section-contain img,
  body.aq-fit-screen100 .aq-zalo-section-contain img.aq-zalo-qr-scan-fit {
    width: 138px !important;
    max-width: 138px !important;
    height: auto !important;
    max-height: none !important;
    margin: 8px auto 8px !important;
    object-fit: contain !important;
  }

  body.aq-fit-screen100 .aq-zalo-section-contain * {
    box-sizing: border-box !important;
  }
}

/* Màn hình thấp hơn: thu Zalo nhẹ để vẫn nằm trong khung */
@media (min-width: 1000px) and (max-height: 840px) {
  body.aq-fit-screen100 .aq-right-main-contain {
    min-height: 735px !important;
  }

  body.aq-fit-screen100 .aq-zalo-section-contain {
    min-height: 270px !important;
    margin-top: 10px !important;
    padding-bottom: 14px !important;
  }

  body.aq-fit-screen100 .aq-zalo-section-contain img,
  body.aq-fit-screen100 .aq-zalo-section-contain img.aq-zalo-qr-scan-fit {
    width: 128px !important;
    max-width: 128px !important;
  }

  body.aq-fit-screen100 .aq-right-main-contain .aq-donate-qr-new,
  body.aq-fit-screen100 .aq-right-main-contain .aq-donate-qr-scan-fit {
    width: 148px !important;
    max-width: 148px !important;
  }
}

/* AQ_RIGHT_ZALO_CONTAIN_FIX_END */

/* AQ_SAFE_VIEWERS_PANEL_FIX_START */
body.aq-fit-screen100 #aqViewerPanelPro {
  min-height: 88px !important;
  max-height: 130px !important;
  overflow: hidden !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-count {
  display: block !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-count b {
  color: #00eaff !important;
  font-size: 18px !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-title {
  display: block !important;
  margin-top: 3px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-list {
  display: block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: hidden !important;
  max-height: 44px !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-empty {
  opacity: .72 !important;
  font-style: italic !important;
}
/* AQ_SAFE_VIEWERS_PANEL_FIX_END */

/* AQ_PRESENCE_NAMES_UI_START */
body.aq-fit-screen100 #aqViewerPanelPro .aqvp-list {
  display: block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: hidden !important;
  max-height: 44px !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-empty {
  opacity: .72 !important;
  font-style: italic !important;
}
/* AQ_PRESENCE_NAMES_UI_END */

/* AQ_VIEWER_NO_FLICKER_START */
body.aq-fit-screen100 #aqViewerPanelPro,
body.aq-fit-screen100 #aqViewerPanelPro * {
  transition: none !important;
  animation: none !important;
}

body.aq-fit-screen100 #aqViewerPanelPro {
  contain: layout paint !important;
  will-change: auto !important;
  min-height: 88px !important;
  max-height: 130px !important;
  overflow: hidden !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-list {
  display: block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: hidden !important;
  max-height: 44px !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-empty {
  opacity: .72 !important;
  font-style: italic !important;
}
/* AQ_VIEWER_NO_FLICKER_END */


/* ===== AQ_APPROVAL_GATE_V3_SAFE_CSS_START ===== */
#adminPanel {
  width: 220px !important;
}

.aq-approval-gate-box {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding: 7px !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(0,229,255,.25) !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  max-height: 230px !important;
}

.aq-ag-scroll {
  max-height: 190px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 2px !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,229,255,.45) rgba(255,255,255,.08);
}

.aq-ag-scroll::-webkit-scrollbar {
  width: 6px;
}

.aq-ag-scroll::-webkit-scrollbar-track {
  background: rgba(255,255,255,.07);
  border-radius: 999px;
}

.aq-ag-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(0,229,255,.7), rgba(24,144,255,.7));
  border-radius: 999px;
}

.aq-ag-title {
  color: #00e5ff !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
}

.aq-ag-sub {
  color: #ffe84d !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  margin: 6px 0 4px !important;
}

.aq-ag-empty {
  color: rgba(255,255,255,.72) !important;
  text-align: center !important;
  font-size: 10.5px !important;
}

.aq-ag-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 58px !important;
  gap: 6px !important;
  align-items: center !important;
  min-height: 30px !important;
  margin-top: 5px !important;
}

.aq-ag-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

.aq-ag-approve,
.aq-ag-kick {
  width: 58px !important;
  min-width: 58px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 28px !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.aq-ag-approve {
  background: linear-gradient(90deg,#24cfff,#00d28a) !important;
}

.aq-ag-kick {
  background: linear-gradient(90deg,#ff375f,#ff9f0a) !important;
}

.aq-ag-approve:disabled,
.aq-ag-kick:disabled {
  opacity: .65 !important;
  cursor: wait !important;
}
/* ===== AQ_APPROVAL_GATE_V3_SAFE_CSS_END ===== */


/* ===== AQ_BEAT_VISUALIZER_REALTIME_CSS_START ===== */
.equalizer.aq-beat-reactive span {
  transition:
    height 70ms linear,
    opacity 70ms linear,
    transform 70ms linear !important;
  transform-origin: bottom center !important;
  will-change: height, opacity, transform !important;
}

/* Tắt animation cũ để JS realtime điều khiển theo beat */
.equalizer.aq-beat-reactive.playing span {
  animation: none !important;
}

.equalizer.aq-beat-reactive:not(.playing) span {
  opacity: .45 !important;
}
/* ===== AQ_BEAT_VISUALIZER_REALTIME_CSS_END ===== */


/* ===== AQ_ORB_SAFE_GLOW_PULSE_CSS_START ===== */

.aq-orb-safe-glow-target {
  --aq-orb-safe-scale: 1;
  --aq-orb-safe-glow: .65;
  --aq-orb-safe-ring: .42;
  --aq-orb-safe-hue: 0deg;

  position: relative !important;
  z-index: 2 !important;
  transform: scale(var(--aq-orb-safe-scale)) !important;
  transform-origin: center center !important;
  filter:
    hue-rotate(var(--aq-orb-safe-hue))
    drop-shadow(0 0 calc(20px * var(--aq-orb-safe-glow)) rgba(0,229,255,.82))
    drop-shadow(0 0 calc(42px * var(--aq-orb-safe-glow)) rgba(251,44,145,.46)) !important;
  transition:
    transform 70ms linear,
    filter 70ms linear !important;
  will-change: transform, filter !important;
}

.aq-orb-safe-glow-target::before {
  content: "" !important;
  position: absolute !important;
  inset: -14px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  opacity: calc(.24 * var(--aq-orb-safe-ring)) !important;
  transform: scale(calc(.96 + var(--aq-orb-safe-ring) * .24)) !important;
  border: 1px solid rgba(0,229,255,.72) !important;
  box-shadow:
    0 0 calc(30px * var(--aq-orb-safe-ring)) rgba(0,229,255,.76),
    inset 0 0 calc(20px * var(--aq-orb-safe-ring)) rgba(251,44,145,.36) !important;
  transition:
    transform 90ms linear,
    opacity 90ms linear,
    box-shadow 90ms linear !important;
}

.aq-orb-safe-glow-target::after {
  content: "" !important;
  position: absolute !important;
  inset: -24px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  opacity: calc(.14 * var(--aq-orb-safe-ring)) !important;
  transform: scale(calc(.98 + var(--aq-orb-safe-ring) * .30)) rotate(18deg) !important;
  border: 1px solid rgba(251,44,145,.48) !important;
  box-shadow:
    0 0 calc(46px * var(--aq-orb-safe-ring)) rgba(251,44,145,.58),
    inset 0 0 calc(22px * var(--aq-orb-safe-ring)) rgba(0,229,255,.34) !important;
  transition:
    transform 90ms linear,
    opacity 90ms linear,
    box-shadow 90ms linear !important;
}

/* Không đụng lại orb/layout cũ từng gây chồng */
#lightOrb3D,
.lightOrb3D,
#visual3d,
.visual3d {
  transform: none !important;
  filter: none !important;
}

/* ===== AQ_ORB_SAFE_GLOW_PULSE_CSS_END ===== */


/* Legacy center/listener override blocks were removed during strong cleanup.
   Their behavior is covered by AQ_CYBER_GLASS_REFRESH_20260528 below. */

/* ===== AQ_CYBER_GLASS_REFRESH_20260528_START ===== */
body.aq-fit-screen100 {
  --aq-bg: #070711;
  --aq-panel: rgba(8, 12, 24, .68);
  --aq-panel-strong: rgba(10, 15, 30, .82);
  --aq-line-cyan: rgba(0, 229, 255, .44);
  --aq-line-pink: rgba(255, 48, 150, .42);
  --aq-line-lime: rgba(38, 255, 174, .34);
  --aq-text: #f7fbff;
  --aq-muted: rgba(224, 242, 255, .72);
  --aq-cyan: #24e8ff;
  --aq-pink: #ff3b9d;
  --aq-lime: #2cffb0;
  --aq-amber: #ffe66d;
  --aq-card-radius: 8px;
  --aq-glass-shadow: 0 22px 70px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .08);

  color: var(--aq-text) !important;
  background:
    linear-gradient(115deg, rgba(255, 48, 150, .18), transparent 28%),
    linear-gradient(245deg, rgba(0, 229, 255, .17), transparent 32%),
    linear-gradient(180deg, #090713 0%, #060b16 48%, #090812 100%) !important;
}

body.aq-fit-screen100::before {
  opacity: .9 !important;
  background-image:
    linear-gradient(rgba(36, 232, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 59, 157, .045) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.34)) !important;
}

body.aq-fit-screen100 .shell {
  width: min(1210px, 96vw) !important;
  padding-top: 10px !important;
  padding-bottom: 48px !important;
}

body.aq-fit-screen100 .top-banner {
  height: clamp(92px, 12vh, 120px) !important;
  border-radius: var(--aq-card-radius) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(5, 8, 18, .72) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.36), 0 0 0 1px rgba(36,232,255,.08) inset !important;
}

body.aq-fit-screen100 .top-banner img {
  filter: saturate(1.12) contrast(1.04) !important;
}

body.aq-fit-screen100 .grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 330px) minmax(390px, 500px) minmax(280px, 330px) !important;
  gap: 18px !important;
  justify-content: center !important;
  align-items: stretch !important;
  margin-top: 14px !important;
}

body.aq-fit-screen100 .grid > .card {
  position: relative !important;
  height: clamp(620px, calc(100vh - 170px), 760px) !important;
  min-height: 620px !important;
  max-height: 760px !important;
  padding: 15px !important;
  border-radius: var(--aq-card-radius) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    var(--aq-panel) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: var(--aq-glass-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  overflow: hidden !important;
}

body.aq-fit-screen100 .grid > .card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, rgba(36,232,255,.32), transparent 28%, transparent 72%, rgba(255,59,157,.26)),
    linear-gradient(180deg, rgba(255,255,255,.09), transparent 22%) !important;
  opacity: .28 !important;
}

body.aq-fit-screen100 .grid > .card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.aq-fit-screen100 .card.center,
body.aq-fit-screen100 .aq-player-card-fit100 {
  min-height: 660px !important;
  border-color: rgba(36,232,255,.34) !important;
  background:
    linear-gradient(180deg, rgba(36,232,255,.11), rgba(255,59,157,.055)),
    var(--aq-panel-strong) !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.48),
    0 0 34px rgba(36,232,255,.13),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body.aq-fit-screen100 .card.center h1 {
  max-width: 100% !important;
  margin: 4px 0 10px !important;
  font-size: clamp(25px, 2.2vw, 34px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 18px rgba(36,232,255,.34), 0 0 28px rgba(255,59,157,.22) !important;
}

body.aq-fit-screen100 .info-line {
  width: 100% !important;
  margin: 6px auto !important;
  padding: 8px 10px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--aq-muted) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

body.aq-fit-screen100 .info-line.cyan,
body.aq-fit-screen100 .info-line .cyan,
body.aq-fit-screen100 #genreText {
  color: var(--aq-cyan) !important;
}

body.aq-fit-screen100 .info-line.yellow,
body.aq-fit-screen100 .info-line .yellow,
body.aq-fit-screen100 #titleText {
  color: var(--aq-amber) !important;
}

body.aq-fit-screen100 .status-row {
  width: 100% !important;
  gap: 8px !important;
  margin: 10px 0 9px !important;
}

body.aq-fit-screen100 .status-pill {
  min-width: 118px !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  border-radius: var(--aq-card-radius) !important;
  color: var(--aq-lime) !important;
  background: rgba(44,255,176,.09) !important;
  border: 1px solid var(--aq-line-lime) !important;
  box-shadow: inset 0 0 18px rgba(44,255,176,.05) !important;
}

body.aq-fit-screen100 .equalizer,
body.aq-fit-screen100 .aq-viz-stable,
body.aq-fit-screen100 .aq-viz-moving-lock {
  width: min(310px, 88%) !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 12px auto 10px !important;
  padding: 6px 12px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(36,232,255,.16) !important;
}

body.aq-fit-screen100 .equalizer span,
body.aq-fit-screen100 .aq-viz-bar-stable,
body.aq-fit-screen100 .aq-viz-moving-bar {
  width: 10px !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, var(--aq-cyan), var(--aq-pink)) !important;
  box-shadow: 0 0 16px rgba(36,232,255,.26) !important;
}

body.aq-fit-screen100 .controls {
  width: 100% !important;
  gap: 10px !important;
  margin: 8px 0 10px !important;
}

body.aq-fit-screen100 .control-btn,
body.aq-fit-screen100 .chatrow button,
body.aq-fit-screen100 .small-btn,
body.aq-fit-screen100 .image-label,
body.aq-fit-screen100 .logout,
body.aq-fit-screen100 .admin-grid button {
  min-height: 38px !important;
  border-radius: var(--aq-card-radius) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: #fff !important;
  background:
    linear-gradient(90deg, rgba(36,232,255,.95), rgba(255,59,157,.92)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28), 0 0 16px rgba(36,232,255,.15) !important;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}

body.aq-fit-screen100 .control-btn {
  min-width: 132px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

body.aq-fit-screen100 .control-btn:hover,
body.aq-fit-screen100 .chatrow button:hover,
body.aq-fit-screen100 .small-btn:hover,
body.aq-fit-screen100 .image-label:hover,
body.aq-fit-screen100 .logout:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.08) !important;
}

body.aq-fit-screen100 .pause {
  background: linear-gradient(90deg, #ff8a24, var(--aq-pink)) !important;
}

body.aq-fit-screen100 .mute {
  background: linear-gradient(90deg, var(--aq-lime), #2d91ff) !important;
}

body.aq-fit-screen100 .volume,
body.aq-fit-screen100 .aq-volume-final-lock,
body.aq-fit-screen100 .aq-volume-stable {
  width: min(300px, 88%) !important;
  height: auto !important;
  min-height: 70px !important;
  max-height: none !important;
  margin: 10px auto 0 !important;
  padding: 10px 12px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(36,232,255,.16) !important;
}

body.aq-fit-screen100 .big-num {
  color: var(--aq-cyan) !important;
  text-shadow: 0 0 16px rgba(36,232,255,.28) !important;
}

body.aq-fit-screen100 input[type="range"] {
  accent-color: var(--aq-cyan) !important;
}

body.aq-fit-screen100 #aqPlayerLowerStable {
  width: 100% !important;
  min-height: 255px !important;
  height: auto !important;
  max-height: none !important;
  margin-top: 8px !important;
  padding-bottom: 0 !important;
  justify-content: flex-start !important;
}

body.aq-fit-screen100 #aqProHoloOrb3D {
  width: 174px !important;
  height: 148px !important;
  margin: 4px auto 8px !important;
}

body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
  width: 132px !important;
  height: 132px !important;
}

body.aq-fit-screen100 #aqViewerPanelPro,
body.aq-fit-screen100 #aqListenerNamesBox,
body.aq-fit-screen100 #listenerNamesBox {
  width: min(350px, 90%) !important;
  max-width: 350px !important;
  min-height: auto !important;
  max-height: 112px !important;
  margin: 14px auto 0 !important;
  padding: 10px 12px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(3, 10, 22, .58) !important;
  border: 1px solid rgba(36,232,255,.24) !important;
  box-shadow: inset 0 0 18px rgba(36,232,255,.06) !important;
}

body.aq-fit-screen100 .listeners {
  width: 100% !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-top: 18px !important;
  color: var(--aq-muted) !important;
}

/* Desktop: hạ cụm "Người đang nghe" xuống gần đáy như layout mong muốn */
@media (min-width: 901px) {
  body.aq-fit-screen100 .listeners {
    padding-top: 26px !important;
    padding-bottom: 6px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro,
  body.aq-fit-screen100 #aqListenerNamesBox,
  body.aq-fit-screen100 #listenerNamesBox {
    margin-top: 20px !important;
    transform: translateY(42px) !important;
  }
}

body.aq-fit-screen100 .chat-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.aq-fit-screen100 .chat-head {
  margin-bottom: 4px !important;
}

body.aq-fit-screen100 .chat-head h2,
body.aq-fit-screen100 .qr-main-title {
  font-size: 20px !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.aq-fit-screen100 .online {
  padding: 4px 8px !important;
  border-radius: var(--aq-card-radius) !important;
  color: var(--aq-lime) !important;
  background: rgba(44,255,176,.09) !important;
  border: 1px solid rgba(44,255,176,.22) !important;
}

body.aq-fit-screen100 .chat-note {
  margin: 0 !important;
  padding: 9px 10px !important;
  border-radius: var(--aq-card-radius) !important;
  color: var(--aq-muted) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(36,232,255,.16) !important;
}

body.aq-fit-screen100 #messages {
  flex: 1 1 auto !important;
  min-height: 260px !important;
  padding: 11px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(2, 6, 15, .44) !important;
  border: 1px solid rgba(36,232,255,.18) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(36,232,255,.55) rgba(255,255,255,.08) !important;
}

body.aq-fit-screen100 #messages::-webkit-scrollbar {
  width: 6px !important;
}

body.aq-fit-screen100 #messages::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--aq-cyan), var(--aq-pink)) !important;
  border-radius: 999px !important;
}

body.aq-fit-screen100 .msg {
  margin-bottom: 9px !important;
  padding: 8px 9px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}

body.aq-fit-screen100 .msg b {
  color: var(--aq-cyan) !important;
}

body.aq-fit-screen100 .msg small {
  color: rgba(224,242,255,.50) !important;
}

body.aq-fit-screen100 .locked-name,
body.aq-fit-screen100 .chatrow input,
body.aq-fit-screen100 .admin-grid input {
  border-radius: var(--aq-card-radius) !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: var(--aq-text) !important;
}

body.aq-fit-screen100 .chat-tools {
  grid-template-columns: minmax(0, 1fr) 88px !important;
  gap: 7px !important;
}

body.aq-fit-screen100 .ico {
  width: 30px !important;
  height: 30px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

body.aq-fit-screen100 .image-label,
body.aq-fit-screen100 .logout {
  width: 88px !important;
  min-width: 88px !important;
  font-size: 12px !important;
}

body.aq-fit-screen100 .qr-panel,
body.aq-fit-screen100 .aq-right-main-contain,
body.aq-fit-screen100 .aq-donate-card-fit100 {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 620px !important;
  padding-bottom: 15px !important;
  overflow: visible !important;
}

body.aq-fit-screen100 .qr-main-title {
  margin: 0 0 2px !important;
  color: var(--aq-pink) !important;
  text-shadow: 0 0 18px rgba(255,59,157,.42) !important;
}

body.aq-fit-screen100 .right-card,
body.aq-fit-screen100 .contact-card,
body.aq-fit-screen100 .aq-qr-scan-box,
body.aq-fit-screen100 .aq-zalo-section-contain {
  width: 100% !important;
  max-width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 12px !important;
  border-radius: var(--aq-card-radius) !important;
  background: rgba(255,255,255,.052) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  box-shadow: inset 0 0 18px rgba(36,232,255,.045) !important;
  overflow: visible !important;
}

body.aq-fit-screen100 .right-card h3 {
  margin: 0 0 10px !important;
  color: var(--aq-text) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.aq-fit-screen100 .music-sale-card {
  align-items: stretch !important;
  text-align: left !important;
  background:
    linear-gradient(135deg, rgba(44,255,176,.11), rgba(255,59,157,.06)),
    rgba(255,255,255,.052) !important;
  border-color: rgba(44,255,176,.24) !important;
}

body.aq-fit-screen100 .music-sale-eyebrow {
  color: var(--aq-lime) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.aq-fit-screen100 .music-sale-card h3 {
  margin-bottom: 6px !important;
  color: var(--aq-text) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

body.aq-fit-screen100 .music-sale-card p {
  margin: 0 0 8px !important;
  color: var(--aq-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

body.aq-fit-screen100 .music-sale-price {
  margin-bottom: 10px !important;
  color: var(--aq-amber) !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  line-height: 1.2 !important;
}

body.aq-fit-screen100 .music-sale-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 9px 12px !important;
  border-radius: var(--aq-card-radius) !important;
  color: #061018 !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  background: linear-gradient(90deg, var(--aq-lime), var(--aq-cyan)) !important;
  box-shadow: 0 10px 28px rgba(36,232,255,.18) !important;
}

/* Keep critical controls/link always clickable above decorative layers. */
body.aq-fit-screen100 .controls,
body.aq-fit-screen100 .control-btn,
body.aq-fit-screen100 .music-sale-link,
body.aq-fit-screen100 .music-sale-item-btn,
body.aq-fit-screen100 .music-sale-short-btn,
body.aq-fit-screen100 .music-sale-mini-link {
  position: relative !important;
  z-index: 45 !important;
  pointer-events: auto !important;
}

body.aq-fit-screen100 .music-sale-link.is-disabled {
  color: rgba(247,251,255,.70) !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.aq-fit-screen100 .contact-title {
  margin-bottom: 8px !important;
  color: var(--aq-cyan) !important;
  font-size: 15px !important;
}

body.aq-fit-screen100 .qr-panel img,
body.aq-fit-screen100 .qr-img,
body.aq-fit-screen100 img.aq-donate-qr-new,
body.aq-fit-screen100 img.aq-donate-qr-scan-fit,
body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
  display: block !important;
  width: min(168px, 78%) !important;
  max-width: 168px !important;
  height: auto !important;
  max-height: none !important;
  margin: 8px auto 2px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: var(--aq-card-radius) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.34), 0 0 20px rgba(36,232,255,.12) !important;
}

body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
  width: min(150px, 72%) !important;
  max-width: 150px !important;
}

body.aq-fit-screen100 .site-footer {
  position: static !important;
  width: min(1210px, 96vw) !important;
  margin: 14px auto 0 !important;
  padding: 8px 10px !important;
  border-radius: var(--aq-card-radius) !important;
  color: rgba(247,251,255,.74) !important;
  background: rgba(4, 7, 16, .72) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

body.aq-fit-screen100 audio#audio {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 901px) and (max-width: 1180px) {
  body.aq-fit-screen100 .shell {
    width: min(1040px, 96vw) !important;
  }

  body.aq-fit-screen100 .grid {
    grid-template-columns: minmax(245px, 290px) minmax(365px, 440px) minmax(245px, 290px) !important;
    gap: 14px !important;
  }

  body.aq-fit-screen100 .control-btn {
    min-width: 118px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  body.aq-fit-screen100 .qr-panel img,
  body.aq-fit-screen100 .qr-img,
  body.aq-fit-screen100 img.aq-donate-qr-new,
  body.aq-fit-screen100 img.aq-donate-qr-scan-fit {
    width: min(150px, 74%) !important;
    max-width: 150px !important;
  }

  body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
    width: min(136px, 70%) !important;
    max-width: 136px !important;
  }
}

@media (min-width: 901px) and (max-height: 760px) {
  body.aq-fit-screen100 .grid > .card {
    height: auto !important;
    min-height: 600px !important;
    max-height: none !important;
  }

  body.aq-fit-screen100 .card.center,
  body.aq-fit-screen100 .aq-player-card-fit100 {
    min-height: 630px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D {
    width: 156px !important;
    height: 132px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 118px !important;
    height: 118px !important;
  }
}

@media (max-width: 900px) {
  html body.aq-fit-screen100 {
    padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
  }

  body.aq-fit-screen100 .shell {
    width: min(520px, 94vw) !important;
    max-width: 94vw !important;
    padding-top: 10px !important;
    padding-bottom: 16px !important;
  }

  body.aq-fit-screen100 .top-banner {
    order: 0 !important;
    height: 82px !important;
    margin-bottom: 12px !important;
  }

  body.aq-fit-screen100 .grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 14px !important;
    margin-top: 0 !important;
  }

  body.aq-fit-screen100 .grid > .card,
  body.aq-fit-screen100 .card.center,
  body.aq-fit-screen100 .aq-player-card-fit100,
  body.aq-fit-screen100 .qr-panel,
  body.aq-fit-screen100 .aq-right-main-contain,
  body.aq-fit-screen100 .aq-donate-card-fit100 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    padding: 14px !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 .grid > .center,
  body.aq-fit-screen100 .grid > .card.center {
    order: 1 !important;
  }

  body.aq-fit-screen100 .grid > .chat-card,
  body.aq-fit-screen100 .grid > .card.chat-card {
    order: 2 !important;
  }

  body.aq-fit-screen100 .grid > .qr-panel,
  body.aq-fit-screen100 .grid > .card.qr-panel {
    order: 3 !important;
    margin-bottom: 18px !important;
  }

  body.aq-fit-screen100 .card.center h1 {
    font-size: clamp(24px, 7vw, 30px) !important;
  }

  body.aq-fit-screen100 .info-line {
    font-size: 13px !important;
  }

  body.aq-fit-screen100 .status-pill {
    min-width: min(132px, 46%) !important;
    flex: 1 1 128px !important;
  }

  body.aq-fit-screen100 .controls {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.aq-fit-screen100 .control-btn {
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
  }

  body.aq-fit-screen100 .volume,
  body.aq-fit-screen100 .aq-volume-final-lock,
  body.aq-fit-screen100 .aq-volume-stable,
  body.aq-fit-screen100 .equalizer,
  body.aq-fit-screen100 .aq-viz-stable,
  body.aq-fit-screen100 .aq-viz-moving-lock {
    width: 100% !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable {
    min-height: 220px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D {
    width: 150px !important;
    height: 130px !important;
    margin-top: 8px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 112px !important;
    height: 112px !important;
  }

  body.aq-fit-screen100 .listeners {
    margin-top: 14px !important;
  }

  body.aq-fit-screen100 #messages {
    height: clamp(220px, 42vh, 300px) !important;
    min-height: 220px !important;
    max-height: 300px !important;
  }

  body.aq-fit-screen100 .chat-tools {
    grid-template-columns: minmax(0, 1fr) 86px !important;
  }

  body.aq-fit-screen100 .image-label,
  body.aq-fit-screen100 .logout {
    width: 86px !important;
    min-width: 86px !important;
  }

  body.aq-fit-screen100 .right-card,
  body.aq-fit-screen100 .contact-card,
  body.aq-fit-screen100 .aq-qr-scan-box,
  body.aq-fit-screen100 .aq-zalo-section-contain {
    padding: 12px !important;
  }

  body.aq-fit-screen100 .qr-panel img,
  body.aq-fit-screen100 .qr-img,
  body.aq-fit-screen100 img.aq-donate-qr-new,
  body.aq-fit-screen100 img.aq-donate-qr-scan-fit {
    width: min(205px, 74vw) !important;
    max-width: min(205px, 74vw) !important;
  }

  body.aq-fit-screen100 img.aq-zalo-qr-scan-fit {
    width: min(185px, 70vw) !important;
    max-width: min(185px, 70vw) !important;
  }

  body.aq-fit-screen100 .site-footer {
    position: static !important;
    width: min(520px, 94vw) !important;
    margin: 12px auto 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.aq-fit-screen100 *,
  body.aq-fit-screen100 *::before,
  body.aq-fit-screen100 *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  /* Banner 3D luôn được phép chạy để tránh cảm giác đứng yên */
  body.aq-fit-screen100 #aqProMotionBanner3D .aq3d-scene {
    animation-duration: 4.2s, 8s !important;
    animation-iteration-count: infinite, infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aq3d-scene::before {
    animation-duration: 5.8s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aq3d-scene::after {
    animation-duration: 3.8s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aq3d-floor {
    animation-duration: 2s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aq3d-core {
    animation-duration: .92s, 2.8s !important;
    animation-iteration-count: infinite, infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aq3d-ring {
    animation-duration: 1.15s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aq3d-bar {
    animation-duration: .58s, 1.8s !important;
    animation-iteration-count: infinite, infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aqpb-scene {
    animation-duration: 4.2s, 8s !important;
    animation-iteration-count: infinite, infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aqpb-scene::before {
    animation-duration: 5.8s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aqpb-scene::after {
    animation-duration: 3.8s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aqpb-floor {
    animation-duration: 2s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aqpb-core {
    animation-duration: .92s, 2.8s !important;
    animation-iteration-count: infinite, infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aqpb-ring {
    animation-duration: 1.15s !important;
    animation-iteration-count: infinite !important;
  }

  body.aq-fit-screen100 #aqProMotionBanner3D .aqpb-bar {
    animation-duration: .58s, 1.8s !important;
    animation-iteration-count: infinite, infinite !important;
  }
}

@media (min-width: 901px) {
  body.aq-fit-screen100 .card.center,
  body.aq-fit-screen100 .aq-player-card-fit100 {
    min-height: 620px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable {
    min-height: 210px !important;
    margin-top: 2px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D {
    width: 148px !important;
    height: 122px !important;
    margin: 2px auto 4px !important;
  }

  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 108px !important;
    height: 108px !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro {
    margin-top: 2px !important;
    padding: 8px 10px !important;
    max-height: 92px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D {
    width: 124px !important;
    height: 96px !important;
    margin: 0 auto 2px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D .aqorb-stage {
    width: 86px !important;
    height: 86px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqViewerPanelPro {
    width: min(330px, 86%) !important;
    min-height: 58px !important;
    max-height: 74px !important;
    margin-top: 2px !important;
    padding: 7px 10px !important;
    overflow: hidden !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqViewerPanelPro .aqvp-count {
    font-size: 13px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqViewerPanelPro .aqvp-count b {
    font-size: 16px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqViewerPanelPro .aqvp-title {
    font-size: 11px !important;
    margin-top: 2px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqViewerPanelPro .aqvp-list {
    font-size: 12px !important;
    margin-top: 2px !important;
    max-height: 20px !important;
  }
}
/* ===== AQ_CYBER_GLASS_REFRESH_20260528_END ===== */

/* AQ_LISTENER_FORCE_BOTTOM_20260528 was merged into the desktop listener block above
   to avoid duplicated/conflicting declarations. */

/* AQ_VIDEO_LIVE_OPTIONAL_START */
body.aq-fit-screen100 .aq-video-live-launcher {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 0 auto 10px;
}

body.aq-fit-screen100 .aq-audio-live-stage[hidden] {
  display: none !important;
}

body.aq-fit-screen100 .aq-video-live-card {
  width: 100%;
  margin: 0 auto;
  padding: 12px;
  border: 1px solid rgba(0, 229, 255, .30);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(0, 229, 255, .08), rgba(251, 44, 145, .08)),
    rgba(7, 12, 24, .92);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
}

body.aq-fit-screen100 .aq-video-live-card[hidden] {
  display: none !important;
}

body.aq-fit-screen100 .aq-video-live-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

body.aq-fit-screen100 .aq-video-live-eyebrow {
  margin-bottom: 4px;
  color: #7cecff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.8px;
}

body.aq-fit-screen100 .aq-video-live-card h2 {
  margin: 0;
  color: #fff;
  font-size: 21px;
}

body.aq-fit-screen100 .aq-video-live-status {
  flex: 0 0 auto;
  padding: 7px 11px;
  border: 1px solid rgba(124, 236, 255, .34);
  border-radius: 999px;
  color: #b8f7ff;
  background: rgba(0, 229, 255, .10);
  font-size: 11px;
  font-weight: 900;
}

body.aq-fit-screen100 .aq-video-live-status.is-live {
  border-color: rgba(44, 255, 155, .42);
  color: #8affc1;
  background: rgba(44, 255, 155, .13);
}

body.aq-fit-screen100 .aq-video-live-status.is-offline {
  border-color: rgba(255, 69, 106, .46);
  color: #ff9caf;
  background: rgba(255, 69, 106, .13);
}

body.aq-fit-screen100 .aq-video-live-toggle {
  min-height: 42px;
  padding: 10px 16px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(90deg, #00bfe8, #f12c91);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

body.aq-fit-screen100 .aq-video-live-toggle.is-active {
  color: #06251f;
  background: linear-gradient(90deg, #33ffb4, #36d9ff);
  box-shadow: 0 0 18px rgba(51, 255, 180, .34);
}

body.aq-fit-screen100 .aq-video-live-stage {
  margin-top: 13px;
}

body.aq-fit-screen100 .aq-video-live-play {
  display: block;
  min-height: 42px;
  margin: 0 auto 11px;
  padding: 10px 18px;
  border: 1px solid rgba(44, 255, 155, .42);
  border-radius: 999px;
  color: #eafff4;
  background: linear-gradient(90deg, #00a97a, #009fe8);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

body.aq-fit-screen100 .aq-video-live-stage[hidden] {
  display: none !important;
}

body.aq-fit-screen100 .aq-video-live-frame {
  overflow: hidden;
  border-radius: 14px;
  background: #02050a;
}

body.aq-fit-screen100 #aqVideoLivePlayer {
  display: block;
  width: 100%;
  max-height: min(68vh, 668px);
  background: #02050a;
}

body.aq-fit-screen100 .aq-video-live-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 7px 10px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  background: rgba(3, 7, 13, .96);
}

body.aq-fit-screen100 .aq-video-live-control {
  min-width: 58px;
  min-height: 29px;
  padding: 5px 11px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .09);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

body.aq-fit-screen100 .aq-video-live-on {
  display: inline-flex;
  flex: 1;
  align-items: center;
  gap: 7px;
  color: #ff507c;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .12em;
}

body.aq-fit-screen100 .aq-video-live-on i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff456a;
  box-shadow: 0 0 12px rgba(255, 69, 106, .9);
}

body.aq-fit-screen100 .aq-video-live-message {
  margin-top: 9px;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 900px) {
  body.aq-fit-screen100 .aq-video-live-card {
    width: 100%;
    padding: 13px;
  }

  body.aq-fit-screen100 .aq-video-live-launcher {
    width: 100%;
  }

  body.aq-fit-screen100 .aq-video-live-toggle {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: 9px;
    font-size: 12px;
  }

  body.aq-fit-screen100 .aq-video-live-head {
    align-items: flex-start;
  }

  body.aq-fit-screen100 .aq-video-live-card h2 {
    font-size: 19px;
  }

  body.aq-fit-screen100 .aq-video-live-play {
    width: 100%;
  }

  body.aq-fit-screen100 #aqVideoLivePlayer {
    max-height: 62vh;
  }
}
/* AQ_VIDEO_LIVE_OPTIONAL_END */

/* AQ_VIEWER_PANEL_IN_HELP_CONTACT_START */
body.aq-fit-screen100 .card.center .help-contact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 290px) !important;
  grid-template-rows: auto 1fr !important;
  gap: 6px 14px !important;
  align-items: center !important;
}

body.aq-fit-screen100 .card.center .help-contact-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.aq-fit-screen100 .card.center .help-contact-buttons {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

body.aq-fit-screen100 .card.center .help-contact > #aqViewerPanelPro {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 74px !important;
  max-height: 88px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  transform: none !important;
  overflow: hidden !important;
}

@media (max-width: 900px) {
  body.aq-fit-screen100 .card.center .help-contact {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }

  body.aq-fit-screen100 .card.center .help-contact-title,
  body.aq-fit-screen100 .card.center .help-contact-buttons,
  body.aq-fit-screen100 .card.center .help-contact > #aqViewerPanelPro {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.aq-fit-screen100 .card.center .help-contact > #aqViewerPanelPro {
    margin-top: 6px !important;
  }
}
/* AQ_VIEWER_PANEL_IN_HELP_CONTACT_END */

/* AQ_PLAYER_POLISH_ORB_LISTENER_INBOX_START */
@media (min-width: 901px) {
  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D {
    margin: 64px auto 2px !important;
  }

  body.aq-fit-screen100 .card.center .help-contact {
    grid-template-columns: minmax(170px, .68fr) minmax(280px, 1.32fr) !important;
    min-height: 178px !important;
  }

  body.aq-fit-screen100 .card.center .help-contact > #aqViewerPanelPro {
    align-self: stretch !important;
    min-height: 142px !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
}

body.aq-fit-screen100 .card.center .help-contact-title {
  margin-bottom: 4px !important;
  white-space: nowrap !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-donate {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding-top: 6px !important;
  border-top: 1px solid rgba(36, 232, 255, .2) !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-donate-qr {
  width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 3px !important;
  box-shadow: 0 0 0 1px rgba(36, 232, 255, .25) !important;
}

body.aq-fit-screen100 #aqViewerPanelPro .aqvp-donate-text {
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  color: #7ff1ff !important;
}
/* AQ_PLAYER_POLISH_ORB_LISTENER_INBOX_END */

/* AQ_PLAYER_POLISH_ORB_BOTTOM_START */
@media (min-width: 901px) {
  body.aq-fit-screen100 .aq-audio-live-stage {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    flex-direction: column !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 250px !important;
    justify-content: flex-end !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D {
    margin: auto !important;
  }
}
/* AQ_PLAYER_POLISH_ORB_BOTTOM_END */

/* AQ_LAYOUT_REPAIR_ORB_LISTENERS_20260611_START */
@media (min-width: 901px) {
  body.aq-fit-screen100 .grid {
    grid-template-columns: minmax(280px, .9fr) minmax(520px, 1.4fr) minmax(250px, .75fr) !important;
    column-gap: 18px !important;
  }

  body.aq-fit-screen100 .grid > .center,
  body.aq-fit-screen100 .grid > .card.center,
  body.aq-fit-screen100 .aq-player-card-fit100 {
    min-height: 640px !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 .aq-audio-live-stage {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 176px !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D,
  body.aq-fit-screen100 #aqProHoloOrb3D {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 152px !important;
    height: 126px !important;
    min-width: 152px !important;
    min-height: 126px !important;
    margin: 0 auto 8px !important;
    transform: none !important;
    z-index: 3 !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D .aqorb-stage,
  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    margin: auto !important;
    transform: none !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqViewerPanelPro,
  body.aq-fit-screen100 #aqPlayerLowerStable > #aqListenerNamesBox,
  body.aq-fit-screen100 #aqPlayerLowerStable > #listenerNamesBox {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: min(390px, 92%) !important;
    max-width: 390px !important;
    min-height: 100px !important;
    max-height: none !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 10px 14px 12px !important;
    transform: none !important;
    overflow: visible !important;
    z-index: 4 !important;
  }

  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-count,
  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-title,
  body.aq-fit-screen100 #aqViewerPanelPro .aqvp-list {
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  body.aq-fit-screen100 .card.center .help-contact {
    grid-template-columns: minmax(170px, .62fr) minmax(300px, 1.38fr) !important;
    min-height: 182px !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 .card.center .help-contact > #aqViewerPanelPro {
    min-height: 154px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
}

@media (max-width: 900px) {
  body.aq-fit-screen100 #aqPlayerLowerStable {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D,
  body.aq-fit-screen100 #aqProHoloOrb3D {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 10px auto 8px !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqViewerPanelPro,
  body.aq-fit-screen100 #aqPlayerLowerStable > #aqListenerNamesBox,
  body.aq-fit-screen100 #aqPlayerLowerStable > #listenerNamesBox {
    width: min(420px, 94%) !important;
    max-height: none !important;
    transform: none !important;
    overflow: visible !important;
  }
}
/* AQ_LAYOUT_REPAIR_ORB_LISTENERS_20260611_END */

/* AQ_LAYOUT_REPAIR_ADMIN_SALE removed in Clean V1: panels keep livePage defaults. */

/* Clean V1: no collapsed default state for admin or sale panels. */

body.aq-fit-screen100 #adminPanel.aq-panel-open #adminBody {
  display: block !important;
}

body.aq-fit-screen100 #adminPanel.aq-panel-open {
  height: min(560px, calc(100vh - 24px)) !important;
  overflow: hidden !important;
}

/* Clean V1: keep admin/sale management panels open and usable by default. */
body.aq-fit-screen100 #adminPanel {
  width: 220px !important;
  min-width: 220px !important;
  height: min(520px, calc(100vh - 96px)) !important;
  min-height: 320px !important;
  overflow: hidden !important;
}

body.aq-fit-screen100 #adminPanel.aq-panel-open #adminBody {
  display: block !important;
  height: calc(100% - 38px) !important;
  overflow: auto !important;
}

body.aq-fit-screen100 #salePanel {
  position: fixed !important;
  right: 238px !important;
  left: auto !important;
  top: 82px !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: min(300px, calc(100vw - 16px)) !important;
  height: min(520px, calc(100vh - 96px)) !important;
  min-height: 320px !important;
  max-height: calc(100vh - 96px) !important;
  transform: none !important;
  overflow: hidden !important;
  z-index: 100000 !important;
  pointer-events: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.aq-fit-screen100 #salePanel.aq-panel-open #saleBody {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: block !important;
  height: calc(100% - 38px) !important;
  max-height: none !important;
  overflow: auto !important;
  pointer-events: auto !important;
  transform: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.aq-fit-screen100 #salePanel *,
body.aq-fit-screen100 #saleBody *,
body.aq-fit-screen100 #salePanel button,
body.aq-fit-screen100 #salePanel input,
body.aq-fit-screen100 #salePanel textarea,
body.aq-fit-screen100 #salePanel a {
  pointer-events: auto !important;
}

body.aq-fit-screen100 #salePanel .admin-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  transform: none !important;
}

body.aq-fit-screen100 #salePanel .aq-sale-preview-links {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 229, 255, .24) !important;
  background: rgba(255, 255, 255, .06) !important;
  overflow: visible !important;
  max-height: none !important;
  pointer-events: auto !important;
}

body.aq-fit-screen100 #salePanel .aq-sale-preview-links b {
  color: #9df5ff !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.aq-fit-screen100 #salePanel .aq-sale-preview-link {
  display: block !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 9px 10px !important;
  border-radius: 9px !important;
  color: #061018 !important;
  background: linear-gradient(90deg, #2cffb0, #24e8ff) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 900px) {
  body.aq-fit-screen100 #adminPanel,
  body.aq-fit-screen100 #salePanel {
    width: min(520px, 94vw) !important;
    min-width: 0 !important;
    max-width: min(520px, 94vw) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

@media (max-width: 760px) {
  body.aq-fit-screen100 #salePanel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: min(520px, calc(100vw - 16px)) !important;
    min-width: 0 !important;
    max-width: min(520px, calc(100vw - 16px)) !important;
    height: auto !important;
    min-height: 320px !important;
    max-height: none !important;
    margin: 8px auto 12px !important;
    z-index: 100000 !important;
  }

  body.aq-fit-screen100 #salePanel.aq-panel-open #saleBody {
    height: auto !important;
    min-height: 260px !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* AQ_ORB_CENTER_UNDER_VOLUME_20260611_START */
@media (min-width: 901px) {
  body.aq-fit-screen100 #aqPlayerLowerStable {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 148px !important;
    margin: 8px auto 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D,
  body.aq-fit-screen100 #aqProHoloOrb3D {
    position: relative !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 154px !important;
    height: 132px !important;
    min-width: 154px !important;
    min-height: 132px !important;
    margin: 0 auto !important;
    transform: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 8 !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D .aqorb-stage,
  body.aq-fit-screen100 #aqProHoloOrb3D .aqorb-stage {
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    margin: auto !important;
    transform: none !important;
  }

  body.aq-fit-screen100 .card.center .help-contact {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 900px) {
  body.aq-fit-screen100 #aqPlayerLowerStable {
    align-items: center !important;
    justify-content: center !important;
    margin: 10px auto 14px !important;
    overflow: visible !important;
  }

  body.aq-fit-screen100 #aqPlayerLowerStable > #aqProHoloOrb3D,
  body.aq-fit-screen100 #aqProHoloOrb3D {
    margin: 0 auto !important;
    transform: none !important;
  }
}
/* AQ_ORB_CENTER_UNDER_VOLUME_20260611_END */