/* V3.16 // music signal alignment + richer Discord presence */
.audio-channel__line{
  min-height:28px!important;
  height:28px!important;
  margin:10px 0 9px!important;
  padding:4px 42px 4px 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:2px!important;
  border-top:1px solid rgba(116,207,255,.055)!important;
  border-bottom:1px solid rgba(116,207,255,.18)!important;
  overflow:hidden!important;
}
.audio-channel__line::before{top:50%!important;right:2px!important;transform:translateY(-50%)!important;line-height:1!important}
.audio-channel__line .audio-signal-bar{flex:0 0 3px!important;width:3px!important;max-width:3px!important;margin:0!important;align-self:center!important;transform-origin:50% 50%!important}
.audio-channel.is-playing .audio-signal-bar{animation-name:signalMeterCentered!important}
@keyframes signalMeterCentered{0%{transform:scaleY(.36)}50%{transform:scaleY(1.08)}100%{transform:scaleY(.58)}}
.audio-channel.is-buffering .audio-signal-bar{transform-origin:50% 50%!important}
.dialog-spectrum{align-items:center!important;padding-top:6px!important;padding-bottom:6px!important}
.dialog-spectrum i{transform-origin:50% 50%!important}
body.hybrid-music-playing:not(.reduced-motion) .dialog-spectrum i{animation-name:dialogSignalCentered!important}
@keyframes dialogSignalCentered{0%{transform:scaleY(.2)}45%{transform:scaleY(1)}100%{transform:scaleY(.46)}}
body.hybrid-music-playing .audio-channel-state b{color:#69f1bb!important;text-shadow:0 0 8px rgba(57,231,166,.24)}
body.hybrid-music-buffering .audio-channel-state b{color:#ffd16e!important}

/* Discord presence inside the public identity card */
.mock-identity{height:300px!important}
.mock-identity dl>div:last-child{grid-template-columns:68px minmax(0,1fr)!important;align-items:start!important;padding:8px 0 44px!important}
.mock-identity dl>div:last-child dt{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;width:auto!important;min-width:max-content!important}
.mock-identity dd#heroPresence{width:100%!important;min-width:0!important;max-width:none!important;justify-self:stretch!important;align-items:stretch!important}
#heroPresence.discord-home-presence{display:grid!important;justify-items:end!important;gap:5px!important;width:100%!important;max-width:none!important;line-height:1.1!important}
.home-presence-main{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.home-presence-main b{font:700 8px "Space Mono",monospace;letter-spacing:.035em;color:#81e7ff}
.home-presence-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7b818a;box-shadow:0 0 8px rgba(123,129,138,.25)}
.home-presence-dot.online{background:#23a55a;box-shadow:0 0 8px rgba(35,165,90,.42)}
.home-presence-dot.idle{background:#f0b232;box-shadow:0 0 8px rgba(240,178,50,.38)}
.home-presence-dot.dnd{background:#f23f43;box-shadow:0 0 8px rgba(242,63,67,.38)}
.home-presence-detail{display:flex!important;align-items:flex-start;justify-content:flex-end;gap:5px;width:100%;max-width:none;color:#8299a8!important;font:600 6px/1.35 "Space Mono",monospace!important;text-align:right;letter-spacing:.02em;white-space:normal!important}
.home-presence-detail>span:last-child{display:block;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.home-presence-detail--custom{align-items:center!important}
.home-presence-detail--activity{color:#a6bac6!important}
.home-presence-copy{display:grid!important;gap:2px;justify-items:end;min-width:0;width:100%}
.home-presence-copy b{font:700 5.9px/1.3 "Space Mono",monospace;color:#b7cfdd;white-space:normal;overflow-wrap:anywhere}
.home-presence-copy em{font:500 5.8px/1.35 "Space Mono",monospace;color:#7f99aa;font-style:normal;white-space:normal;overflow-wrap:anywhere}
.home-presence-emoji{width:14px;height:14px;object-fit:contain;flex:0 0 14px;border-radius:2px;margin-top:-1px}
.home-presence-emoji--unicode{width:auto;height:auto;font-size:12px;line-height:1;flex:0 0 auto}
#radarPresence{max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-discord-status="idle"] #heroPresence .home-presence-main b{color:#f0c25d}
body[data-discord-status="dnd"] #heroPresence .home-presence-main b{color:#ff7780}
body[data-discord-status="online"] #heroPresence .home-presence-main b{color:#68efaa}

@media(max-width:700px){
  .audio-channel__line{height:24px!important;min-height:24px!important;padding-right:36px!important}
  .audio-channel__line .audio-signal-bar{flex-basis:2px!important;width:2px!important;max-width:2px!important}
  .mock-identity{height:292px!important}
  .mock-identity dl>div:last-child{grid-template-columns:64px minmax(0,1fr)!important}
  .home-presence-copy b,.home-presence-copy em,.home-presence-detail{font-size:5.6px!important}
}