#jukdolBgmControl{position:fixed;right:76px;bottom:18px;z-index:2147482999;font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif;color:#24213d}
#jukdolBgmControl *{box-sizing:border-box}
#jukdolBgmControl .jbgm-fab{width:48px;height:48px;border:1px solid rgba(43,122,111,.24);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(25,74,68,.18);font-size:22px;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#jukdolBgmControl.playing .jbgm-fab{background:#effbf8;border-color:rgba(38,158,137,.35)}
#jukdolBgmControl .jbgm-panel{position:absolute;right:0;bottom:58px;width:min(340px,calc(100vw - 20px));max-height:min(620px,calc(100vh - 100px));padding:14px;border:1px solid rgba(50,83,115,.15);border-radius:20px;background:rgba(255,255,255,.985);box-shadow:0 18px 48px rgba(32,44,75,.24);display:none;overflow:hidden}
#jukdolBgmControl.open .jbgm-panel{display:flex;flex-direction:column}
#jukdolBgmControl .jbgm-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
#jukdolBgmControl .jbgm-head strong{font-size:14px;flex:1;min-width:0}
#jukdolBgmControl .jbgm-close{width:34px;height:34px;border:0;border-radius:10px;background:#f0f2f7;color:#5d6474;font-size:18px;cursor:pointer}
#jukdolBgmControl .jbgm-now{padding:10px 11px;border-radius:13px;background:#f5f8fb;margin-bottom:10px;min-width:0}
#jukdolBgmControl .jbgm-now small{display:block;color:#8a90a0;font-size:10px;font-weight:800;margin-bottom:2px}
#jukdolBgmControl .jbgm-now b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#31364a}
#jukdolBgmControl .jbgm-controls{display:grid;grid-template-columns:42px 1fr 42px 64px;gap:7px;margin-bottom:10px}
#jukdolBgmControl .jbgm-controls button{height:38px;border:0;border-radius:11px;background:#eef1f6;color:#424a60;font-weight:900;cursor:pointer}
#jukdolBgmControl .jbgm-controls .jbgm-play{background:#315d55;color:#fff}
#jukdolBgmControl .jbgm-controls .jbgm-stop{background:#f7e9e9;color:#a24242}
#jukdolBgmControl .jbgm-mode-title,#jukdolBgmControl .jbgm-volume-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#6c7282;font-size:11px;font-weight:850;margin:2px 1px 6px}
#jukdolBgmControl .jbgm-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:11px}
#jukdolBgmControl .jbgm-mode button{min-height:35px;padding:6px 4px;border:1px solid #e1e5ed;border-radius:10px;background:#fff;color:#676d7e;font-size:10.5px;font-weight:850;cursor:pointer}
#jukdolBgmControl .jbgm-mode button.active{border-color:#315d55;background:#e9f6f2;color:#25564e}
#jukdolBgmControl .jbgm-volume{width:100%;accent-color:#315d55;margin:0 0 10px;cursor:pointer}
#jukdolBgmControl .jbgm-list-title{font-size:11px;color:#757c8c;font-weight:900;margin:0 1px 6px}
#jukdolBgmControl .jbgm-list{overflow:auto;display:flex;flex-direction:column;gap:5px;padding-right:2px;overscroll-behavior:contain}
#jukdolBgmControl .jbgm-track{display:flex;align-items:center;gap:8px;width:100%;min-height:39px;padding:7px 9px;border:1px solid transparent;border-radius:11px;background:#f7f8fb;color:#42495b;text-align:left;cursor:pointer}
#jukdolBgmControl .jbgm-track span{width:22px;flex:0 0 22px;text-align:center;font-size:11px;color:#9298a7;font-weight:900}
#jukdolBgmControl .jbgm-track b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}
#jukdolBgmControl .jbgm-track.active{background:#eaf6f2;border-color:#b8ddd5;color:#285c53}
#jukdolBgmControl .jbgm-track.active span{color:#2a7568}
#jukdolBgmControl .jbgm-status{min-height:16px;margin-top:7px;color:#8b91a0;font-size:10px;line-height:1.35}
@media(max-width:640px){#jukdolBgmControl{right:62px;bottom:10px}#jukdolBgmControl .jbgm-fab{width:44px;height:44px;border-radius:15px;font-size:20px}#jukdolBgmControl .jbgm-panel{right:-52px;bottom:53px;width:min(330px,calc(100vw - 16px));max-height:calc(100vh - 84px);padding:12px;border-radius:18px}}
/* v20260902_1435: explicit 브금 label and popularity ranking */
#jukdolBgmControl .jbgm-fab{width:56px;height:44px;border-radius:15px;font-size:13px;font-weight:950;letter-spacing:-.02em;line-height:1;display:flex;align-items:center;justify-content:center}
#jukdolBgmControl .jbgm-track{grid-template-columns:25px minmax(0,1fr) auto}
#jukdolBgmControl .jbgm-track .jbgm-rank{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#edf1f6;color:#768092;font-size:10px;font-weight:950}
#jukdolBgmControl .jbgm-track small{color:#9aa1af;font-size:10px;font-weight:800;white-space:nowrap}
#jukdolBgmControl .jbgm-track.active .jbgm-rank{background:#dff7f1;color:#208b77}
@media(max-width:560px){#jukdolBgmControl .jbgm-fab{width:54px;height:42px;font-size:12px}}