.kk-bgm{position:fixed;left:20px;bottom:20px;z-index:99999;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 18px 10px 14px;background:#111;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.25);font:600 13px/1 'Jost','Zen Kaku Gothic New',sans-serif;letter-spacing:.14em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kk-bgm:hover{background:#333}
.kk-bgm:focus-visible{outline:2px solid #fff;outline-offset:3px}
.kk-bgm-icon{display:inline-flex;align-items:flex-end;gap:2px;width:16px;height:14px}
.kk-bgm-icon i{display:block;width:3px;height:5px;background:#fff;border-radius:1px}
.kk-bgm-icon i:nth-child(2){height:10px}.kk-bgm-icon i:nth-child(3){height:7px}.kk-bgm-icon i:nth-child(4){height:12px}
.kk-bgm.is-playing .kk-bgm-icon i{animation:kkbgm .9s ease-in-out infinite alternate}
.kk-bgm.is-playing .kk-bgm-icon i:nth-child(2){animation-delay:.2s}.kk-bgm.is-playing .kk-bgm-icon i:nth-child(3){animation-delay:.4s}.kk-bgm.is-playing .kk-bgm-icon i:nth-child(4){animation-delay:.1s}
@keyframes kkbgm{from{height:3px}to{height:14px}}
@media (prefers-reduced-motion:reduce){.kk-bgm.is-playing .kk-bgm-icon i{animation:none}}
@media (max-width:781px){.kk-bgm{left:14px;bottom:14px;padding:9px 15px 9px 12px;font-size:12px}}