.background-music{position:fixed;left:16px;bottom:28px;z-index:36;max-width:calc(100vw - 32px);font-family:inherit}.background-music[hidden]{display:none}.music-toolbar{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #c7aa6b;border-radius:100px;background:#142640;box-shadow:0 5px 24px #14264029}.music-toggle,.music-settings-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;border-radius:100px;background:transparent;color:#f7e4ba;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.music-toggle{padding:10px 14px}.music-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.music-settings-toggle{width:44px;padding:9px;font-size:20px}.music-toggle:hover,.music-settings-toggle:hover{background:#ffffff15}.background-music button:focus-visible,.background-music input:focus-visible{outline:3px solid #f0c87d;outline-offset:-3px}.music-options{position:absolute;left:0;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 32px));border:1px solid #ccb57f;border-radius:15px;background:#142640;color:#f8f1df;padding:19px;box-shadow:0 12px 35px #06122635}.music-options[hidden]{display:none}.music-options p{font-size:13px;line-height:1.6;margin:0 0 14px;overflow-wrap:anywhere;color:#f1e3c7}.music-options label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.music-options input{display:block;width:100%;min-height:44px;accent-color:#e6bd71}.music-options output{display:block;font-size:13px;margin-top:5px}.music-options .music-status{font-size:12px;margin:13px 0 0;color:#d6dfeb}.music-status:empty{display:none}.music-admin-preview{display:block;width:min(520px,100%);margin:18px 0}.music-admin-volume{display:flex;gap:16px;align-items:center}.music-admin-volume input{flex:1;min-width:0}.music-admin-volume output{min-width:46px}.music-admin-approval{display:flex!important;align-items:center;gap:10px;min-height:44px}.music-admin-approval input{width:20px;min-height:20px}.music-admin-preview[hidden]{display:none}body:has(.image-edit-entry) .background-music{bottom:84px}
@media(max-width:760px){.background-music{left:14px;bottom:calc(78px + env(safe-area-inset-bottom))}.music-toggle{font-size:12px;padding:9px 11px}.music-toolbar{gap:2px;padding:4px}.music-settings-toggle{width:44px}body:has(.image-edit-entry) .background-music{bottom:calc(204px + env(safe-area-inset-bottom))}}