/* Compact sound dock v1.0.5. Loaded after the original visual bundle.
 * Keeps the existing accessible play, pause and volume logic unchanged.
 */
.jjk-audio-dock {
  width: 186px;
  max-width: calc(100vw - 24px);
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  left: calc(12px + env(safe-area-inset-left, 0px));
  border-radius: 12px;
  background: rgba(6, 19, 33, .95);
  border-color: rgba(157, 198, 224, .27);
  box-shadow: 0 5px 19px rgba(0, 4, 17, .28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.jjk-audio-dock__row {
  min-height: 47px;
  padding: 6px;
  gap: 7px;
}
.jjk-audio-dock__play {
  width: 35px;
  height: 35px;
  border-radius: 9px;
  background: #e6d59f;
}
.jjk-audio-dock__play:hover { background: #f1e3ba; }
.jjk-audio-dock__play-svg { width: 17px; height: 17px; }
.jjk-audio-dock__meta { gap: 2px; }
.jjk-audio-dock__eyebrow { font-size: 8px; letter-spacing: .09em; }
.jjk-audio-dock__track { font-size: 10px; letter-spacing: .02em; }
.jjk-audio-dock__settings {
  width: 31px;
  height: 34px;
  border-radius: 8px;
}
.jjk-audio-dock__settings svg { width: 16px; height: 16px; }
.jjk-audio-dock__settings-panel { gap: 7px; padding: 0 9px 10px; font-size: 10px; }
.jjk-audio-dock__settings-panel output { width: 28px; }
.jjk-audio-dock__settings-panel input { height: 24px; }
/* A minimal fade applies only to live viewport resize, never to first paint. */
html.jjk-viewport-switching body { opacity: .18; transition: opacity 110ms ease-out; }
@media (max-width: 480px) {
  .jjk-audio-dock {
    width: 171px;
    left: calc(9px + env(safe-area-inset-left, 0px));
    bottom: calc(9px + env(safe-area-inset-bottom, 0px));
    border-radius: 11px;
  }
  .jjk-audio-dock__row { min-height: 43px; gap: 6px; padding: 5px; }
  .jjk-audio-dock__play { width: 33px; height: 33px; border-radius: 8px; }
  .jjk-audio-dock__settings { width: 30px; height: 32px; }
  .jjk-audio-dock__meta { gap: 1px; }
}
@media (prefers-reduced-motion: reduce) {
  html.jjk-viewport-switching body { transition: none; }
}