body{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary)}.bgm-misc-page{max-width:720px;margin:2rem auto;padding:0 1rem;color:var(--text-primary)}.bgm-misc-header h1{margin:0 0 .25rem;color:var(--text-primary)}.bgm-misc-subtitle{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.875rem}.bgm-misc-search-row{display:flex;align-items:center;gap:var(--spacing-md, 1rem);margin:0 0 1.25rem}.bgm-misc-search{flex:1;padding:.55rem .85rem;border:1px solid var(--border-color);border-radius:var(--radius-lg, .75rem);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.bgm-misc-search:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--primary-alpha-20)}.bgm-misc-search::placeholder{color:var(--text-secondary)}.bgm-misc-search-count{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;min-width:6ch;text-align:right}.bgm-misc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.bgm-misc-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg, .75rem);padding:var(--spacing-md, 1rem);transition:all var(--transition-fast, .15s ease)}.bgm-misc-row:hover{background:var(--primary-alpha-10);border-color:var(--primary-alpha-30);transform:scale(1.005);box-shadow:var(--shadow-sm)}.bgm-misc-row-header{display:flex;align-items:center;gap:var(--spacing-md, 1rem);user-select:none}.bgm-misc-row-header[role=button]{cursor:pointer}.bgm-misc-row-header:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.bgm-misc-titles{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.bgm-misc-stem{font-family:monospace;font-size:.9375rem;color:var(--text-primary);word-break:break-all}.bgm-misc-cue-line{font-size:.875rem;color:var(--text-secondary);word-break:break-word;line-height:1.4}.bgm-misc-count{color:var(--text-secondary);font-size:.8125rem;flex-shrink:0}.bgm-misc-tracks{list-style:decimal;margin:var(--spacing-sm, .5rem) 0 0;padding-left:1.5rem;color:var(--text-secondary)}.bgm-misc-tracks li{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:.25rem 0}.bgm-misc-cue-name{flex:1;word-break:break-word;color:var(--text-secondary)}.bgm-misc-play{background:linear-gradient(135deg,var(--primary-color),var(--accent-blue));color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;font-size:.75rem;cursor:pointer;transition:all var(--transition-fast, .15s ease);padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.bgm-misc-play svg{width:.875rem;height:.875rem;position:relative;z-index:1}.bgm-misc-play .bgm-misc-icon-pause,.bgm-misc-play.playing .bgm-misc-icon-play{display:none}.bgm-misc-play.playing .bgm-misc-icon-pause{display:inline-block}.bgm-misc-play:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--highlight-strong, rgba(255, 255, 255, .3));transform:translate(-50%,-50%);transition:width var(--transition-base, .25s ease),height var(--transition-base, .25s ease)}.bgm-misc-play:hover:before{width:100%;height:100%}.bgm-misc-play:hover{transform:scale(1.15);box-shadow:var(--shadow-md)}.bgm-misc-play:active{transform:scale(.95)}.bgm-misc-play.playing{background:linear-gradient(135deg,var(--accent-blue),var(--primary-color));animation:bgm-misc-playing-pulse 1.2s ease-in-out infinite}@keyframes bgm-misc-playing-pulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 6px var(--primary-alpha-15)}}.bgm-misc-message{color:var(--text-secondary);text-align:center;padding:2rem;list-style:none}.bgm-misc-page{padding-bottom:6rem}.bgm-misc-player-bar{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);backdrop-filter:blur(8px)}.bgm-misc-player-bar[hidden]{display:none}body:has(.bgm-misc-player-bar:not([hidden])) .scroll-to-top{bottom:5.5rem}@media(max-width:768px){body:has(.bgm-misc-player-bar:not([hidden])) .scroll-to-top{bottom:5rem}}.bgm-misc-player-controls,.bgm-misc-player-toggles{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.bgm-misc-pbtn{background:transparent;border:none;color:var(--text-primary);width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease),transform var(--transition-fast, .15s ease)}.bgm-misc-pbtn svg{width:1.125rem;height:1.125rem}.bgm-misc-pbtn-main svg{width:1.25rem;height:1.25rem}.bgm-misc-pbtn-main .bgm-misc-icon-pause,.bgm-misc-pbtn-main[aria-pressed=true] .bgm-misc-icon-play{display:none}.bgm-misc-pbtn-main[aria-pressed=true] .bgm-misc-icon-pause{display:inline-block}.bgm-misc-pbtn:hover:not(:disabled){background:var(--primary-alpha-10)}.bgm-misc-pbtn:active:not(:disabled){transform:scale(.92)}.bgm-misc-pbtn:disabled{opacity:.35;cursor:not-allowed}.bgm-misc-pbtn-main{background:linear-gradient(135deg,var(--primary-color),var(--accent-blue));color:#fff;width:2.75rem;height:2.75rem;box-shadow:var(--shadow-sm)}.bgm-misc-pbtn-main:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-md)}.bgm-misc-toggle{color:var(--text-secondary);position:relative}.bgm-misc-toggle[aria-pressed=true],.bgm-misc-toggle.is-on{color:var(--primary-color);background:var(--primary-alpha-15)}.bgm-misc-toggle[aria-pressed=true]:hover,.bgm-misc-toggle.is-on:hover{background:var(--primary-alpha-20, var(--primary-alpha-15))}.bgm-misc-visualizer{width:200px;height:2.5rem;flex-shrink:0}.bgm-misc-now-playing{flex:1;min-width:0;overflow:hidden}.bgm-misc-now-label{display:block;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bgm-misc-queue-drawer{position:fixed;bottom:4.25rem;left:0;right:0;z-index:79;max-height:50vh;overflow-y:auto;background:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:bgm-misc-drawer-slide-up .18s ease-out}.bgm-misc-queue-drawer[hidden]{display:none}@keyframes bgm-misc-drawer-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bgm-misc-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;position:sticky;top:0;background:var(--bg-secondary)}.bgm-misc-clear-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.25rem .75rem;border-radius:var(--radius-md, .5rem);cursor:pointer;font-size:.8125rem;transition:all var(--transition-fast, .15s ease)}.bgm-misc-clear-btn:hover{background:var(--primary-alpha-10);color:var(--text-primary)}.bgm-misc-queue-list{list-style:none;margin:0;padding:0}.bgm-misc-queue-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;transition:background var(--transition-fast, .15s ease)}.bgm-misc-queue-item:hover{background:var(--primary-alpha-10)}.bgm-misc-queue-item.is-current{background:var(--primary-alpha-15)}.bgm-misc-queue-marker{width:1.25rem;color:var(--primary-color);font-size:.75rem}.bgm-misc-queue-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:.875rem}.bgm-misc-queue-remove{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:50%;transition:all var(--transition-fast, .15s ease)}.bgm-misc-queue-remove:hover{background:var(--primary-alpha-10);color:var(--text-primary)}.bgm-misc-fav{background:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast, .15s ease)}.bgm-misc-fav:hover{background:var(--primary-alpha-10);transform:scale(1.1)}.bgm-misc-fav[aria-pressed=true]{color:#e74c3c}.bgm-misc-play.playing{background:linear-gradient(135deg,#f59e0b,#ef4444)}.bgm-misc-player-body{display:flex;align-items:center;gap:var(--spacing-md, 1rem);padding:.5rem 1rem}.bgm-misc-seek{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:var(--primary-alpha-15);cursor:pointer;margin:0;padding:0;border:none;outline:none;transition:height var(--transition-fast, .15s ease)}.bgm-misc-seek:hover{height:6px}.bgm-misc-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;margin-top:-4px}.bgm-misc-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.bgm-misc-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--bgm-misc-seek-pct, 0%),var(--primary-alpha-15) var(--bgm-misc-seek-pct, 0%),var(--primary-alpha-15) 100%);height:100%}.bgm-misc-seek::-moz-range-track{background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--bgm-misc-seek-pct, 0%),var(--primary-alpha-15) var(--bgm-misc-seek-pct, 0%),var(--primary-alpha-15) 100%);height:100%}.bgm-misc-seek:disabled{opacity:.4;cursor:not-allowed}.bgm-misc-time-label{display:block;color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums;margin-top:.125rem}.bgm-misc-volume{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.bgm-misc-mute-btn .bgm-misc-icon-mute,.bgm-misc-mute-btn[aria-pressed=true] .bgm-misc-icon-volume{display:none}.bgm-misc-mute-btn[aria-pressed=true] .bgm-misc-icon-mute{display:inline-block}.bgm-misc-volume-slider{appearance:none;-webkit-appearance:none;width:80px;height:4px;background:var(--primary-alpha-15);border-radius:999px;cursor:pointer;outline:none}.bgm-misc-volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.bgm-misc-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.bgm-misc-icon-repeat-one,#bgm-misc-repeat[data-mode=single] .bgm-misc-icon-repeat{display:none}#bgm-misc-repeat[data-mode=single] .bgm-misc-icon-repeat-one{display:inline-block}.bgm-misc-drawer-btn .bgm-misc-icon-close,.bgm-misc-drawer-btn[aria-expanded=true] .bgm-misc-icon-list{display:none}.bgm-misc-drawer-btn[aria-expanded=true] .bgm-misc-icon-close{display:inline-block}.bgm-misc-toast{position:fixed;left:50%;transform:translate(-50%) translateY(8px);bottom:5rem;z-index:81;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg, .75rem);padding:.5rem 1rem;font-size:.875rem;box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease}.bgm-misc-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:640px){.bgm-misc-visualizer{width:60px}.bgm-misc-volume-slider{display:none}.bgm-misc-queue-drawer{max-height:70vh}.bgm-misc-toast{bottom:6rem}}