@layer quartz-base{.bgm-player{left:var(--bgm-left,1.5rem);bottom:var(--bgm-bottom,1.5rem);z-index:999;font-family:var(--bodyFont);position:fixed}@media (min-width:1200px){.bgm-player{--bgm-left:calc(320px + .5rem + 1.5rem)}}@media (max-width:800px){.bgm-player{--bgm-left:1rem;--bgm-bottom:1rem}}.bgm-player[hidden],.bgm-player [hidden]{display:none!important}.bgm-toggle{background:linear-gradient(135deg,var(--secondary),var(--tertiary));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 16px #0000002e}.bgm-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0000003d}.bgm-toggle:active{transform:translateY(0)}.bgm-toggle .bgm-eq{align-items:flex-end;gap:3px;height:18px;display:none}.bgm-player.is-playing .bgm-toggle .bgm-eq{display:flex}.bgm-player.is-playing .bgm-toggle .bgm-icon-note{display:none}.bgm-toggle .bgm-eq i{transform-origin:bottom;background:#fff;border-radius:2px;width:3px;animation:1s ease-in-out infinite bgm-eq}.bgm-toggle .bgm-eq i:first-child{height:9px}.bgm-toggle .bgm-eq i:nth-child(2){height:15px;animation-delay:.18s}.bgm-toggle .bgm-eq i:nth-child(3){height:11px;animation-delay:.36s}@keyframes bgm-eq{0%,to{opacity:.75;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.bgm-card{background:var(--light);border:1px solid var(--lightgray);border-radius:14px;width:272px;max-width:calc(100vw - 2rem);padding:.85rem .95rem .8rem;animation:.2s bgm-fade-in;position:absolute;bottom:60px;left:0;box-shadow:0 12px 40px #00000038}@keyframes bgm-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bgm-head{align-items:center;gap:.5rem;display:flex}.bgm-title{min-width:0;color:var(--dark);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.bgm-loop{color:var(--gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.bgm-loop:hover{color:var(--dark)}.bgm-loop.is-on{color:var(--secondary)}.bgm-seek{width:100%;accent-color:var(--secondary);margin:.65rem 0 0}.bgm-time{color:var(--gray);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:3px;font-size:.72rem;display:flex}.bgm-controls{align-items:center;gap:.55rem;margin-top:.55rem;display:flex}.bgm-play{background:linear-gradient(135deg,var(--secondary),var(--tertiary));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:opacity .15s;display:flex}.bgm-play:hover{opacity:.88}.bgm-mute{color:var(--gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.bgm-mute:hover{color:var(--dark)}.bgm-volume{min-width:0;accent-color:var(--secondary);flex:1;margin:0}.bgm-list{border-top:1px solid var(--lightgray);max-height:150px;margin:.6rem -.25rem 0;padding-top:.4rem;overflow-y:auto}.bgm-list[hidden]{display:none}.bgm-list-item{text-align:left;width:100%;color:var(--darkgray);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;padding:.3rem .45rem;font-family:inherit;font-size:.8rem;display:block;overflow:hidden}.bgm-list-item:hover{background:var(--lightgray)}.bgm-list-item.is-current{color:var(--secondary);font-weight:600}.bgm-error{color:#dc2626;margin-top:.5rem;font-size:.75rem;display:none}.bgm-player.has-error .bgm-error{display:block}}