.wob-song{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:75}body:has(.wob-mbar) .wob-song{bottom:calc(92px + env(safe-area-inset-bottom))}@media (min-width:1000px){body:has(.wob-mbar) .wob-song{bottom:calc(16px + env(safe-area-inset-bottom))}}.wob-song[hidden]{display:none}.wob-song audio{display:none}.wob-app .wob-song__btn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#29AEE4;border:0;border-radius:50%!important;box-shadow:0 2px 10px rgb(16 24 40 / .18);cursor:pointer}.wob-song__btn:focus-visible{outline:2px solid #29AEE4;outline-offset:3px}.wob-song__eq{display:none;align-items:flex-end;gap:3px;height:18px}.wob-song__eq i{display:block;width:3px;height:100%;background:#29AEE4;border-radius:2px;transform-origin:bottom;animation:wob-eq 1s ease-in-out infinite}.wob-song__eq i:nth-child(2){animation-delay:-.3s;animation-duration:.8s}.wob-song__eq i:nth-child(3){animation-delay:-.6s;animation-duration:1.1s}.wob-song__eq i:nth-child(4){animation-delay:-.15s;animation-duration:.9s}@keyframes wob-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}.wob-song.is-playing .wob-song__play{display:none}.wob-song.is-playing .wob-song__eq{display:inline-flex}@media (prefers-reduced-motion:reduce){.wob-song__eq i{animation:none}.wob-song__eq i:nth-child(1){transform:scaleY(.5)}.wob-song__eq i:nth-child(2){transform:scaleY(1)}.wob-song__eq i:nth-child(3){transform:scaleY(.7)}.wob-song__eq i:nth-child(4){transform:scaleY(.4)}}.wob-sp{margin-top:16px;padding:12px;background:#2A2F35;border:1px solid #3A4048;border-radius:9px!important;color:#fff}.wob-sp__row{display:flex;align-items:center;gap:10px}.wob-sp__tile{flex:none;width:38px;height:38px;display:grid;place-items:center;background:#29AEE4;color:#fff;border-radius:6px!important}.wob-sp__txt{flex:1;min-width:0;display:grid;gap:1px;line-height:1.25}.wob-sp__txt strong{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wob-sp__txt small{font-size:.72rem;color:#8E96A0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wob-app .wob-sp__btn{flex:none;width:42px;height:42px;padding:0;display:inline-grid;place-items:center;background:#29AEE4;color:#fff;border:0;border-radius:6px!important;cursor:pointer}.wob-sp__btn:hover{filter:brightness(1.08)}.wob-sp__btn:focus-visible,.wob-sp__mute:focus-visible{outline:2px solid #fff;outline-offset:2px}.wob-sp__i--pause{display:none}.wob-sp.is-on .wob-sp__i--pause{display:block}.wob-sp.is-on .wob-sp__i--play{display:none}.wob-sp__bar{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.72rem;color:#AEB4BC}.wob-sp__seek{flex:1;min-width:0;height:14px;margin:0;accent-color:#29AEE4;cursor:pointer}.wob-sp__time{flex:none;font-variant-numeric:tabular-nums}.wob-app .wob-sp__mute{flex:none;width:30px;height:30px;padding:0;display:inline-grid;place-items:center;background:#fff0;color:#AEB4BC;border:0;border-radius:6px!important;cursor:pointer}.wob-sp__mute:hover{color:#fff;background:rgb(255 255 255 / .1)}.wob-sp__i--muted{display:none}.wob-sp.is-muted .wob-sp__i--muted{display:block}.wob-sp.is-muted .wob-sp__i--vol{display:none}@media print{.wob-song,.wob-sp{display:none!important}}