:root{--font-family:"Pretendard", "Inter", sans-serif;--bg-color:#0a0e1a;--bg-surface:#131a2b;--bg-surface-elevated:#1a2236;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff1a;--border-focus:#ffffff40;--color-vision:#8b5cf6;--color-experience:#06b6d4;--color-loop:#f97316;--color-business:#10b981;--color-primary:var(--color-vision);--color-danger:#ef4444;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px;--glass-bg:#131a2b99;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--bg-topbar:#0a0e1ae6;--topbar-shadow:0 4px 20px #00000080;--modal-overlay-bg:#000000b3;--drawer-shadow:-10px 0 30px #00000080;--bg-deck-wrapper:#1e293b;--bg-graveyard:#0f0a1499;--bg-playmat:linear-gradient(145deg, #8eaad1 0%, #2a3a51 18%, #111926 58%, #090f18 100%);--bg-board-main:linear-gradient(180deg, #90add6 0%, #26374f 14%, #101926 54%, #080d15 100%);--border-graveyard:#8b5cf666;--prism-bg:#0b1220;--prism-1:#6f8fb8;--prism-2:#55739a;--prism-3:#3f5a7c;--prism-4:#243a57;--prism-5:#18263b;--prism-opacity:.14;--card-glass:#ffffff08;--card-border:#ffffff1f;--header-btn-bg:#ffffff14;--header-btn-hover-bg:#ffffff26;--header-btn-accent:var(--color-primary);--header-btn-accent-hover:#9d6fff;--pinboard-bg:#0c1020;--pinboard-dot-color:#ffffff0b;--pinboard-dot-size:22px;--pinboard-card-bg:#12182af0;--pinboard-card-shadow:0 8px 28px #0000008c, 0 2px 8px #00000059;--pinboard-card-shadow-hover:0 16px 48px #000000a6, 0 4px 16px #0006;--pinboard-glass-bg:#12182ad1;--pinboard-glass-border:#ffffff1a}[data-theme=light]{--bg-color:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#0000001a;--border-focus:#0003;--color-vision:#7c3aed;--color-experience:#0891b2;--color-loop:#ea580c;--color-business:#059669;--glass-bg:#fffc;--glass-border:#0000000d;--glass-shadow:0 8px 32px 0 #1f268712;--bg-topbar:#ffffffe6;--topbar-shadow:0 2px 15px #0000000d;--modal-overlay-bg:#ffffffd1;--drawer-shadow:-5px 0 25px #0000000d;--bg-deck-wrapper:#e2e8f0;--bg-graveyard:#8b5cf608;--bg-playmat:linear-gradient(145deg, #fff 0%, #f5e9cc 12%, #fff 100%);--bg-board-main:linear-gradient(180deg, #fff 0%, #f2e3bf 10%, #fff 100%);--border-graveyard:var(--border-color);--prism-bg:#fff;--prism-1:#f472b6;--prism-2:#c084fc;--prism-3:#818cf8;--prism-4:#38bdf8;--prism-5:#2dd4bf;--prism-opacity:.3;--card-glass:#ffffffe6;--card-border:#00000014;--header-btn-bg:#0000000d;--header-btn-hover-bg:#0000001a;--header-btn-accent:var(--color-primary);--header-btn-accent-hover:#7c3aed;--pinboard-bg:#eef2f7;--pinboard-dot-color:#0001;--pinboard-dot-size:22px;--pinboard-card-bg:#fff;--pinboard-card-shadow:0 4px 16px #0000001a, 0 1px 4px #0000000f;--pinboard-card-shadow-hover:0 12px 36px #00000029, 0 4px 12px #00000014;--pinboard-glass-bg:#ffffffe0;--pinboard-glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}#app{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-md)}.btn{border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-family);border:1px solid #0000;outline:none;justify-content:center;align-items:center;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 15px #8b5cf666}.btn-outline{border-color:var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-surface-elevated);border-color:var(--border-focus)}.btn-danger{color:var(--color-danger);background:#ef44441a;border-color:#ef444433}.btn-danger:hover{background:#ef444433}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.header-btn{background:var(--header-btn-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;white-space:nowrap!important;cursor:pointer!important;border-radius:8px!important;padding:.4rem 1rem!important;font-size:.85rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.header-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;background:var(--header-btn-hover-bg)!important}.header-btn:active{transform:translateY(0)}.header-btn-emphasize{background:var(--header-btn-accent)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 15px #8b5cf64d!important}.header-btn-emphasize:hover{background:var(--header-btn-accent-hover)!important;box-shadow:0 6px 20px #8b5cf666!important}.header-dropdown{margin-right:.5rem;display:inline-block;position:relative}.header-dropdown-content{background:var(--bg-surface-elevated);border:1px solid var(--border-color);z-index:1000;opacity:0;visibility:hidden;border-radius:10px;min-width:160px;padding:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 12px 28px #0006}.header-dropdown:hover .header-dropdown-content,.header-dropdown:focus-within .header-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.header-dropdown-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.85rem;text-decoration:none;transition:background .15s;display:flex}.header-dropdown-item:hover{background:var(--header-btn-hover-bg)}.header-dropdown-item span{font-size:1rem}input,textarea,select{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--border-radius-sm);font-family:var(--font-family);padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #8b5cf626}.global-header,#global-topbar{background:var(--bg-topbar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--topbar-shadow);transition:background-color .3s,border-color .3s}.topbar{border-bottom:1px solid var(--border-color);background:var(--bg-topbar,var(--bg-surface));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;height:60px;color:var(--text-primary);justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.logo{background:linear-gradient(90deg,#8b5cf6,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.topbar-nav{gap:1rem;display:flex}.modal-overlay{background:var(--modal-overlay-bg,#000000b3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--border-radius-lg);background:var(--bg-surface-elevated);border:1px solid var(--border-color);width:90%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalIn;overflow-y:auto;box-shadow:0 20px 40px #00000080}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hidden{display:none!important}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.font-semibold{font-weight:600}.settings-overlay{z-index:1500;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}[data-theme=light] .settings-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9}.settings-overlay.open{opacity:1;pointer-events:auto}.settings-drawer{background:var(--bg-surface);width:400px;height:100vh;box-shadow:var(--drawer-shadow);z-index:2000;border-left:1px solid var(--border-color);flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.settings-drawer.open{transform:translate(0)}.settings-drawer-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;height:3.5rem;padding:0 clamp(.7rem,2.7vw,2rem);display:flex}.settings-drawer-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.settings-drawer-close{border:1px solid var(--border-color);background:var(--bg-surface-elevated);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.settings-drawer-close:hover{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 45%, var(--border-color));background:color-mix(in srgb, var(--bg-surface-elevated) 80%, var(--color-danger) 20%)}.settings-drawer-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;padding:1.5rem;overflow-y:auto}.settings-drawer-body::-webkit-scrollbar{width:6px}.settings-drawer-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-section{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.settings-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.settings-select{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;outline:none;width:auto;padding:.3rem .6rem;font-size:.85rem}.settings-select:focus{border-color:var(--color-primary)}.bgm-player-section{margin-bottom:1.5rem}.bgm-player-shell{background:linear-gradient(#8b5cf624 0%,#131a2bf5 28%,#0a0e1af5 100%);border:1px solid #8b5cf638;border-radius:18px;padding:1rem;box-shadow:inset 0 1px #ffffff0a,0 18px 40px #02061747}[data-theme=light] .bgm-player-shell{background:linear-gradient(#7c3aed14 0%,#fffffffa 28%,#f1f5f9fa 100%);border-color:#7c3aed29;box-shadow:inset 0 1px #ffffffbf,0 14px 34px #94a3b838}.bgm-player-shell-header{flex-direction:column;gap:.75rem;margin-bottom:.95rem;display:flex}.bgm-vibe-tabs{gap:.55rem}.bgm-player-surface{flex-direction:column;gap:.8rem;width:100%;min-width:0;display:flex}.now-playing-panel{flex-direction:column;align-items:stretch;gap:.5rem;padding:.82rem .88rem}.now-playing-header{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.55rem;display:flex}.bgm-track-meta{flex-direction:column;flex:1;gap:.22rem;width:100%;min-width:0;display:flex}.bgm-track-position{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.58rem;font-weight:700}.vibe-tabs{gap:.5rem;display:flex}.vibe-tab{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;text-align:center;flex:1;padding:.35rem .6rem;font-size:.8rem;font-weight:600;transition:all .2s}.vibe-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.vibe-tab:hover:not(.active){border-color:var(--color-primary);color:var(--text-primary)}.sfx-toggle-btn{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:#8b5cf626;border-radius:20px;padding:.3rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s}.sfx-toggle-btn.is-muted{background:var(--bg-surface-elevated);border-color:var(--border-color);color:var(--text-muted)}.now-playing-bar{background:#080c168f;border:1px solid #8b5cf629;border-radius:14px;justify-content:flex-start;align-items:stretch;margin-bottom:0;display:flex}[data-theme=light] .now-playing-bar{background:#ffffffd6;border-color:#7c3aed1f}.now-playing-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.2;overflow:hidden}.bgm-controls{justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.3rem 0;display:flex}.bgm-ctrl-btn{width:2rem;height:2rem;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;font-size:.82rem;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}[data-theme=light] .bgm-ctrl-btn{background:#ffffffeb;border-color:#94a3b842}.bgm-ctrl-btn:hover{border-color:var(--color-primary);background:#8b5cf61f;transform:translateY(-1px)}.bgm-ctrl-btn.active,.bgm-ctrl-btn.bgm-play{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.bgm-ctrl-btn.bgm-play{background:var(--color-primary);border-color:var(--color-primary);color:#fff;border-radius:999px;width:2.5rem;height:2.5rem;font-size:.98rem;transition:transform .18s,box-shadow .18s;box-shadow:0 5px 16px #8b5cf64d}.bgm-ctrl-btn.active:hover,.bgm-ctrl-btn.bgm-play:hover{color:#fff;background:var(--color-primary)}.bgm-ctrl-btn.bgm-play:hover{transform:scale(1.04);box-shadow:0 7px 22px #8b5cf661}.bgm-ctrl-btn.bgm-ctrl-side{opacity:.6;width:1.6rem;height:1.6rem;font-size:.72rem}.bgm-ctrl-btn.bgm-ctrl-side.active{opacity:1;color:var(--color-primary);background:#8b5cf61f}.bgm-ctrl-spacer{flex:none;width:1.6rem;height:1.6rem}.bgm-playlist-panel{box-sizing:border-box;background:#ffffff08;border:1px solid #8b5cf61f;border-radius:14px;width:100%;min-width:0;padding:.78rem;overflow-x:hidden}[data-theme=light] .bgm-playlist-panel{background:#f8fafccc;border-color:#7c3aed1a}.bgm-playlist-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.bgm-playlist-title,.bgm-playlist-count{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.bgm-playlist-title{color:var(--text-secondary)}.bgm-playlist-count{color:var(--text-muted)}.bgm-playlist{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;gap:.18rem;width:100%;min-width:0;max-height:220px;margin-top:0;display:flex;overflow:hidden auto}.bgm-playlist::-webkit-scrollbar{width:4px}.bgm-playlist::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}.playlist-item{cursor:pointer;color:var(--text-secondary);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.72rem;width:100%;min-width:0;padding:.66rem .7rem;font-size:.8rem;line-height:1.2;transition:transform .16s,border-color .16s,background .16s;display:flex}.playlist-item:hover{background:#8b5cf60f;border-color:#8b5cf624}.playlist-item.active{background:#8b5cf61f;border-color:#8b5cf652}[data-theme=light] .playlist-item:hover,[data-theme=light] .playlist-item.active{background:#6366f114;border-color:#6366f147}.playlist-item.playing{background:#8b5cf629;border-color:#8b5cf666}[data-theme=light] .playlist-item.playing{background:#6366f11a;border-color:#6366f14d}.playlist-num{color:var(--text-muted);letter-spacing:.08em;min-width:22px;font-size:.67rem;font-weight:700}.playlist-name{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:500;overflow:hidden}.playlist-item.active .playlist-name,.playlist-item.playing .playlist-name{color:var(--text-primary);font-weight:600}.playlist-playing{text-align:center;min-width:.9rem;color:var(--color-primary);font-size:.74rem}.playlist-item.playing .playlist-playing{animation:1.5s infinite pulse-icon}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.3}}.volume-control-group{flex-direction:column;gap:.8rem;margin-top:.5rem;display:flex}.volume-item{align-items:center;gap:1rem;display:flex}.volume-icon{color:var(--text-muted);min-width:20px;font-size:.9rem}.volume-slider{appearance:none;background:var(--border-color);cursor:pointer;border-radius:999px;outline:none;flex:1;height:6px}[data-theme=light] .volume-slider{background:#94a3b859}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}[data-theme=light] .volume-slider::-webkit-slider-thumb{border:2px solid #fff;box-shadow:0 1px 4px #0f172a2e}.volume-slider::-moz-range-track{background:var(--border-color);border:none;border-radius:999px;height:6px}[data-theme=light] .volume-slider::-moz-range-track{background:#94a3b859}.volume-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}[data-theme=light] .volume-slider::-moz-range-thumb{border:2px solid #fff;box-shadow:0 1px 4px #0f172a2e}.seek-container{margin-top:.1rem;padding:0}@media (width<=480px){.bgm-player-shell{padding:.9rem}.bgm-controls{gap:.45rem}.bgm-playlist{max-height:180px}}.seek-bar{appearance:none;background:var(--border-color);cursor:pointer;border-radius:999px;outline:none;width:100%;height:7px;position:relative}[data-theme=light] .seek-bar{background:#94a3b859}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 0 5px #0003}[data-theme=light] .seek-bar::-webkit-slider-thumb{border:2px solid #fff;box-shadow:0 1px 4px #0f172a2e}.seek-bar::-moz-range-track{background:var(--border-color);border:none;border-radius:999px;height:6px}[data-theme=light] .seek-bar::-moz-range-track{background:#94a3b859}.seek-bar::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 5px #0003}[data-theme=light] .seek-bar::-moz-range-thumb{border:2px solid #fff;box-shadow:0 1px 4px #0f172a2e}.time-display{color:var(--text-muted);justify-content:space-between;margin-top:.36rem;font-family:JetBrains Mono,Monaco,monospace;font-size:.68rem;display:flex}.bgm-player-section{margin:1.1rem 0 1.5rem}.music-player-card{background:linear-gradient(#f5f6fb 0%,#eff2f8 100%);border:1px solid #94a3b83d;border-radius:28px;width:100%;max-width:100%;padding:1.05rem;position:relative;overflow:hidden;box-shadow:0 20px 36px #4c548924}.music-player-card:before{content:"";opacity:.45;pointer-events:none;background-image:url(/assets/music-player/player-texture-light-v1.png);background-position:50%;background-size:cover;position:absolute;inset:0}.music-player-card>*{z-index:1;position:relative}[data-theme=dark] .music-player-card{background:linear-gradient(#1f293ff5 0%,#0f172afa 100%);border-color:#94a3b842;box-shadow:0 20px 38px #02061773}[data-theme=dark] .music-player-card:before{opacity:.36;background-image:url(/assets/music-player/player-texture-dark-v1.png)}.music-player-head{gap:.65rem;margin-bottom:.8rem;display:grid}.bgm-vibe-tabs .vibe-tab{border-radius:999px;padding:.36rem .62rem;font-size:.74rem;font-weight:700}.sound-control-shell{background:#ffffff9e;border:1px solid #94a3b833;border-radius:14px;margin-bottom:.8rem;padding:.72rem .8rem}[data-theme=dark] .sound-control-shell{background:#0f172a85;border-color:#94a3b833}.sound-control-top{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.sound-control-shell .volume-control-group{gap:.62rem;margin-top:.55rem}.sound-control-shell .volume-item{gap:.72rem}.music-player-main{background:#ffffffbd;border:1px solid #94a3b833;border-radius:20px;padding:.86rem .92rem .92rem}[data-theme=dark] .music-player-main{background:#0a0e1ca3;border-color:#94a3b838}.music-player-main-top{justify-content:flex-start;align-items:flex-start;gap:.8rem;margin-bottom:.62rem;display:flex}.now-playing-name{letter-spacing:-.045em;white-space:nowrap;text-overflow:ellipsis;color:#1f2a44;font-size:1rem;font-weight:800;line-height:1.08;overflow:hidden}[data-theme=dark] .now-playing-name{color:#e2e8f0}.bgm-track-position{letter-spacing:.1em;color:#6d70a8;font-size:.76rem;font-weight:700}[data-theme=dark] .bgm-track-position{color:#a5b4fc}.seek-container{margin-top:.12rem}.seek-bar{--seek-fill:0%;background:linear-gradient(to right, #7c5cff 0%, #7c5cff var(--seek-fill), #d8dce7 var(--seek-fill), #d8dce7 100%);border-radius:999px;height:10px}[data-theme=dark] .seek-bar{background:linear-gradient(to right, #8b5cf6 0%, #8b5cf6 var(--seek-fill), #94a3b857 var(--seek-fill), #94a3b857 100%)}.seek-bar::-webkit-slider-thumb{background:#7c5cff;border:2px solid #f5f6fb;width:12px;height:12px;box-shadow:0 2px 8px #6c50ff38}[data-theme=dark] .seek-bar::-webkit-slider-thumb{border-color:#111827}.seek-bar::-moz-range-thumb{background:#7c5cff;border:2px solid #f5f6fb;width:12px;height:12px;box-shadow:0 2px 8px #6c50ff38}[data-theme=dark] .seek-bar::-moz-range-thumb{border-color:#111827}.time-display{color:#7f889f;margin-top:.62rem;font-size:.84rem;font-weight:600}[data-theme=dark] .time-display{color:#93a0b8}.bgm-controls{grid-template-columns:repeat(6,minmax(0,1fr));place-items:center;gap:.24rem;margin-top:.95rem;display:grid}.bgm-ctrl-btn{width:2rem;height:2rem;color:var(--text-secondary);background:0 0;border:none;border-radius:999px;padding:0;font-size:1.06rem;line-height:1;transition:transform .16s,color .16s,opacity .16s}[data-theme=dark] .bgm-ctrl-btn{color:var(--text-secondary)}.bgm-ctrl-btn:hover{color:var(--text-primary);background:0 0;transform:translateY(-1px)}[data-theme=dark] .bgm-ctrl-btn:hover{color:var(--text-primary);background:0 0}.bgm-ctrl-btn.active{color:var(--text-primary);opacity:1;background:0 0}.bgm-ctrl-btn.bgm-ctrl-side{opacity:1;font-size:inherit}.bgm-ctrl-btn.bgm-menu{font-size:inherit;letter-spacing:normal}.bgm-ctrl-btn.bgm-play{color:inherit;font-size:inherit;box-shadow:none;background:0 0}.bgm-ctrl-btn.bgm-play:hover{color:inherit;box-shadow:none;background:0 0;transform:translateY(-1px)}.bgm-playlist-wrap{margin-top:.58rem}.bgm-playlist-toggle{cursor:pointer;text-align:left;background:#ffffff94;border:1px solid #94a3b838;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;width:100%;padding:.58rem .75rem;display:grid}[data-theme=dark] .bgm-playlist-toggle{background:#0f172a7a;border-color:#94a3b838}.bgm-playlist-title{letter-spacing:.11em;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:700}.bgm-playlist-count{color:var(--text-muted);letter-spacing:.06em;justify-self:end;font-size:.72rem;font-weight:700}.bgm-playlist-chevron{color:var(--text-muted);font-size:.95rem;transition:transform .2s}.bgm-playlist-wrap.is-expanded .bgm-playlist-chevron{transform:rotate(180deg)}.bgm-playlist-panel{background:#ffffff6b;border:1px solid #94a3b833;border-radius:12px;margin-top:.58rem;padding:.58rem;transition:max-height .25s,opacity .2s,margin-top .2s,padding .2s,border-width .2s}[data-theme=dark] .bgm-playlist-panel{background:#0f172a7a;border-color:#94a3b833}.bgm-playlist-wrap.is-collapsed .bgm-playlist-panel{opacity:0;border-width:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;overflow:hidden}.bgm-playlist-wrap.is-expanded .bgm-playlist-panel{opacity:1;max-height:232px;overflow:hidden}.bgm-playlist{max-height:200px;overflow-y:auto}.playlist-item{border-radius:10px}@media (width<=480px){.music-player-card{border-radius:22px;padding:.9rem}.music-player-main{padding:.76rem .78rem}.now-playing-name{font-size:1rem}.bgm-ctrl-btn.bgm-play{width:2rem;height:2rem;font-size:.95rem}}.header-music-capsule{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;gap:0;min-height:auto;margin-right:.35rem;padding:0;transition:none;display:flex}.header-music-capsule:hover{box-shadow:none;background:0 0;border-color:#0000;transform:none}.header-music-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.2rem;line-height:1;transition:transform .16s,color .16s,opacity .16s;display:flex}.header-music-btn:hover{color:var(--text-primary);background:0 0;transform:translateY(-1px)}.header-music-btn.active{color:var(--text-primary);opacity:1;background:0 0}.header-music-divider{background:var(--border-color);opacity:.55;width:1px;height:14px;margin:0 .1rem}#bgm-header-icon{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .16s;display:flex;transform:translate(0)}.header-music-btn.active #bgm-header-icon{animation:none;transform:translate(0)}