/* Compact audio console. Loaded last so legacy skins cannot reopen focused faders. */
.audio-dock{
  position:fixed;z-index:70;left:22px!important;right:auto!important;bottom:20px;
  display:flex;gap:0;padding:0;border:1px solid #f1df4545;border-radius:0;
  background:#090908eb;box-shadow:8px 8px 0 #0008;backdrop-filter:blur(12px)
}
.audio-channel{position:relative}
.audio-channel+.audio-channel{border-left:1px solid #ffffff1c}
.audio-toggle{
  width:54px;height:54px;padding:0;border:0!important;border-radius:0!important;
  display:grid;place-items:center;background:transparent!important;
  color:#f1df45;transition:color .18s,background-color .18s,transform .18s
}
.audio-toggle svg{width:21px;height:21px;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.audio-toggle:hover,.audio-toggle:focus-visible{color:#fff27a;background:#f1df450e!important;outline:0}
.audio-toggle:hover svg,.audio-toggle:focus-visible svg{transform:translateY(-2px)}
.audio-toggle.is-muted{color:#676760}
.audio-toggle .audio-slash{display:none}.audio-toggle.is-muted .audio-slash{display:block}.audio-toggle.is-muted .audio-waves{display:none}
.audio-fader{
  position:absolute;left:50%;bottom:calc(100% + 1px);width:54px;height:190px;padding:13px 0 15px;
  display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:10px;
  border:1px solid #f1df4560;border-radius:0;background:#0a0a09f7;
  box-shadow:8px 8px 0 #0009;opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(-50%,8px);transition:opacity .16s,transform .22s cubic-bezier(.22,1,.36,1),visibility .16s
}
.audio-channel.is-open .audio-fader{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.audio-channel:not(.is-open):hover .audio-fader,.audio-channel:not(.is-open):focus-within .audio-fader{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px)}
.audio-value{font:16px/1 'Archivo Black',sans-serif;color:#fff27a;font-variant-numeric:tabular-nums}
.audio-value::after{content:'%';margin-left:2px;font:8px 'IBM Plex Mono',monospace;color:#817f70}
.audio-fader input{
  width:4px;height:132px;margin:0;writing-mode:vertical-lr;direction:rtl;
  appearance:slider-vertical;background:#34342f;accent-color:#f1df45;cursor:pointer
}
.audio-fader input::-webkit-slider-thumb{width:15px;height:15px;border:3px solid #090909;border-radius:0;background:#fff27a;box-shadow:0 0 0 1px #fff27a}
.audio-fader input::-moz-range-thumb{width:10px;height:10px;border:3px solid #090909;border-radius:0;background:#fff27a;box-shadow:0 0 0 1px #fff27a}
#kogane-system{
  left:auto!important;right:22px!important;bottom:20px;flex-direction:row!important;
  transform-origin:right center!important;max-width:calc(100vw - 44px)
}
#kogane-system .kogane-bubble{border-radius:28px 8px 28px 28px!important}
#kogane-system .kogane-bubble::after{left:auto!important;right:-11px!important;transform:rotate(45deg)!important}
@media(max-width:800px){
  .audio-dock{left:12px!important;bottom:78px}.audio-toggle{width:50px;height:50px}
  #kogane-system{left:auto!important;right:12px!important;bottom:78px}
}
@media(max-width:520px){.audio-toggle{width:48px}.audio-fader{width:50px}}
@media(prefers-reduced-motion:reduce){.audio-fader,.audio-toggle,.audio-toggle svg{transition:none}}