@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #f8fafc;--bg-subtle: #f1f5f9;--bg-hover: #e2e8f0;--card-bg: #ffffff;--card-hover: #fcfdfe;--card-border: #e2e8f0;--card-hover-border: #cbd5e1;--border: #e2e8f0;--border-light: #f1f5f9;--border-hover: #cbd5e1;--fg: #0f172a;--fg-secondary: #334155;--muted: #64748b;--muted-light: #94a3b8;--primary: #0f172a;--primary-hover: #1e293b;--primary-fg: #ffffff;--accent: #0f172a;--accent-fg: #ffffff;--accent-rgb: 15, 23, 42;--danger: #dc2626;--danger-hover: #b91c1c;--danger-bg: #fef2f2;--danger-fg: #991b1b;--danger-border: #fecaca;--success: #16a34a;--success-bg: #f0fdf4;--success-fg: #166534;--success-border: #bbf7d0;--warn: #d97706;--warn-bg: #fffbeb;--warn-fg: #92400e;--warn-border: #fde68a;--player-bg: rgba(255, 255, 255, .92);--player-border: #e2e8f0;--progress-bg: #e2e8f0;--progress-fg: #0f172a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -4px rgba(0, 0, 0, .07);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-player: 0 -4px 20px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "WenQuanYi Micro Hei", Roboto, "Helvetica Neue", Arial, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=dark]{--bg: #0b0f19;--bg-subtle: #162032;--bg-hover: #1f2d47;--card-bg: #111827;--card-hover: #162032;--card-border: #1f2937;--card-hover-border: #374151;--border: #1f2937;--border-light: #162032;--border-hover: #374151;--fg: #f8fafc;--fg-secondary: #cbd5e1;--muted: #94a3b8;--muted-light: #64748b;--primary: #f8fafc;--primary-hover: #ffffff;--primary-fg: #0f172a;--accent: #f8fafc;--accent-fg: #0f172a;--accent-rgb: 248, 250, 252;--danger: #f87171;--danger-hover: #ef4444;--danger-bg: #450a0a33;--danger-fg: #fca5a5;--danger-border: #7f1d1d66;--success: #4ade80;--success-bg: #052e1633;--success-fg: #86efac;--success-border: #14532d66;--warn: #fbbf24;--warn-bg: #451a0333;--warn-fg: #fde68a;--warn-border: #78350f66;--player-bg: rgba(17, 24, 39, .92);--player-border: #1f2937;--progress-bg: #1f2937;--progress-fg: #f8fafc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-player: 0 -4px 25px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--muted);border:2px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.musi-app{min-height:100vh;display:flex;flex-direction:column}.musi-auth-wrapper{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;box-sizing:border-box;background:var(--bg);width:100vw;margin-left:calc(-1*(100vw - 100%))}.musi-auth-card{width:100%;max-width:320px;box-sizing:border-box;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}.musi-auth-card .musi-card{border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;background:var(--card-bg);border:1px solid var(--border)}.musi-auth-card .musi-btn.primary{background:var(--fg);color:var(--bg);border:1px solid var(--fg);border-radius:8px;box-shadow:var(--shadow-sm);font-weight:600}[data-theme=dark] .musi-auth-card .musi-btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);box-shadow:0 2px 8px #ffffff26}.musi-auth-card .musi-btn.primary:hover:not(:disabled){background:var(--fg-secondary);border-color:var(--fg-secondary);color:var(--bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=dark] .musi-auth-card .musi-btn.primary:hover:not(:disabled){background:#fff;border-color:#fff;color:#09090b;box-shadow:0 4px 14px #ffffff40}.musi-auth-footer{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);pointer-events:none}.musi-header{position:sticky;top:0;z-index:100;background:var(--card-bg);border-bottom:1px solid var(--border);height:56px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.musi-header-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--fg);-webkit-user-select:none;user-select:none;text-decoration:none;font-family:var(--font-sans)}.musi-header-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.musi-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;line-height:34px;padding:0 12px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--fg);cursor:pointer;box-sizing:border-box;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;font-family:var(--font-sans)}.musi-btn:hover{background:var(--card-hover);border-color:var(--border-hover)}.musi-btn:active{transform:translateY(1px)}.musi-btn.primary{background:#fff;color:#18181b;border-color:#0000001f;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;font-weight:600}[data-theme=dark] .musi-btn.primary{background:#fff;color:#09090b;border-color:#fff;box-shadow:0 2px 10px #ffffff1f}.musi-btn.primary:hover:not(:disabled){background:#f4f4f5;border-color:#0003;color:#09090b;transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}[data-theme=dark] .musi-btn.primary:hover:not(:disabled){background:#e4e4e7;border-color:#e4e4e7;color:#09090b;box-shadow:0 3px 12px #fff3}.musi-btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.musi-btn.ghost:hover{background:var(--bg-subtle);color:var(--fg);border-color:var(--border-light)}.musi-btn.danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-border)}.musi-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.musi-btn.danger-outline{background:var(--card-bg);color:#ef4444;border-color:#ef44444d}.musi-btn.danger-outline:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.musi-btn.icon-btn{width:34px;height:34px;padding:0;flex-shrink:0}.musi-user-menu-wrap{position:relative;display:inline-flex}.musi-user-badge{display:flex;align-items:center;gap:7px;padding:2px 8px 2px 3px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-full);font-size:12.5px;font-weight:600;color:var(--fg);height:32px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;font-family:var(--font-sans);box-shadow:var(--shadow-sm)}.musi-user-badge:hover,.musi-user-badge.active{background:var(--bg-subtle);border-color:var(--border-hover)}.musi-user-avatar{width:24px;height:24px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.musi-user-avatar img{width:100%;height:100%;object-fit:cover}.musi-user-chevron{color:var(--muted);transition:transform .2s cubic-bezier(.16,1,.3,1)}.musi-user-badge.active .musi-user-chevron{transform:rotate(180deg)}.musi-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:230px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1200;padding:6px;box-sizing:border-box;animation:modalSlideUp .18s cubic-bezier(.16,1,.3,1)}.musi-user-dropdown-header{padding:8px 10px;display:flex;align-items:center;gap:10px}.musi-dropdown-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.musi-dropdown-avatar img{width:100%;height:100%;object-fit:cover}.musi-dropdown-user-info{flex:1;min-width:0}.musi-dropdown-name{font-size:13px;font-weight:700;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musi-dropdown-sub{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musi-dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}.musi-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);font-size:12.5px;color:var(--fg);background:transparent;border:none;width:100%;box-sizing:border-box;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease;text-decoration:none;font-family:var(--font-sans)}.musi-dropdown-item:hover{background:var(--bg-subtle);color:var(--fg);text-decoration:none}.musi-dropdown-item.danger{color:var(--danger)}.musi-dropdown-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.musi-control-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.musi-control-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.musi-control-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.musi-capsule-group{display:inline-flex;align-items:center;height:36px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px;box-shadow:var(--shadow-sm);box-sizing:border-box;flex-shrink:0;gap:2px}.musi-capsule-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:28px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:var(--font-sans)}.musi-capsule-tab-btn:hover{color:var(--fg);background:var(--bg-subtle)}.musi-capsule-tab-btn.active{background:var(--fg);color:var(--bg);font-weight:600;box-shadow:var(--shadow-sm)}.musi-search-box{position:relative;display:flex;align-items:center;min-width:260px;max-width:360px;flex:1}.musi-search-box svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}.musi-search-input{width:100%;height:36px;padding:0 36px 0 38px;border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--border);color:var(--fg);font-family:var(--font-sans);font-size:13px;box-shadow:var(--shadow-sm);transition:all .15s ease;outline:none;box-sizing:border-box}.musi-search-input:focus{border-color:var(--card-hover-border);box-shadow:0 0 0 3px var(--border-light)}.musi-search-clear{position:absolute;right:12px;background:none;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);transition:all .15s ease}.musi-search-clear:hover{background:var(--bg-subtle);color:var(--fg)}.musi-search-kbd{position:absolute;right:12px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--muted);background:var(--bg-subtle);border:1px solid var(--border);padding:1px 6px;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none}.musi-stats-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);background:var(--card-bg);border:1px solid var(--border);padding:0 14px;height:36px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-family:var(--font-sans);box-sizing:border-box}.musi-stats-pill strong{color:var(--fg);font-weight:600}.musi-btn-circle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:var(--radius-full);background:var(--card-bg);color:var(--muted);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);padding:0;box-sizing:border-box;flex-shrink:0}.musi-btn-circle:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-hover);color:var(--fg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.musi-btn-circle:active:not(:disabled){transform:translateY(0) scale(.96)}.musi-btn-circle:disabled{opacity:.6;cursor:not-allowed}.musi-btn-circle.danger{color:#ef4444}.musi-btn-circle.danger:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.musi-spin{animation:musiSpin 1s linear infinite}@keyframes musiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.musi-main{max-width:1280px;width:100%;margin:0 auto;padding:20px 20px 110px;display:flex;flex-direction:column;gap:16px;flex:1;box-sizing:border-box}.musi-table-wrap{width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.musi-table{width:100%;border-collapse:collapse;text-align:center}.musi-table th{padding:11px 16px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg-subtle);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;text-align:center}.musi-table td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--border);vertical-align:middle;transition:background .15s ease;text-align:center}.musi-table tr:last-child td{border-bottom:none}.musi-table tr:hover td{background:var(--card-hover)}.musi-table tr.playing td{background:color-mix(in srgb,var(--accent) 8%,transparent)}.musi-thumb{width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:cover;display:block;background:var(--bg-subtle);position:relative}.musi-thumb-wrap{position:relative;width:42px;height:42px;cursor:pointer;margin:0 auto}.musi-thumb-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s ease}.musi-thumb-wrap:hover .musi-thumb-play-overlay{opacity:1}.musi-title-main{font-weight:600;color:var(--fg);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.musi-title-main:hover{text-decoration:underline}.musi-quality-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9.5px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-subtle);border:1px solid var(--border);color:var(--muted);line-height:1.2;-webkit-user-select:none;user-select:none;transition:all .15s ease}.musi-quality-badge:hover{border-color:var(--border-hover);color:var(--fg)}.musi-quality-badge.flac{color:var(--fg);font-weight:700;background:var(--card-bg);border-color:var(--border-hover)}.musi-quality-badge.mp3{color:var(--muted);background:transparent;border-color:var(--border)}.musi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.musi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.musi-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.musi-card-cover-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle)}.musi-card-cover{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.musi-card:hover .musi-card-cover{transform:scale(1.04)}.musi-card-title{font-size:13.5px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musi-card-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musi-fav-btn{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);color:var(--muted);transition:all .15s ease}.musi-fav-btn:hover{color:#ef4444;transform:scale(1.15)}.musi-fav-btn.active{color:#ef4444}.musi-vertical-sort-capsule{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:95;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:0 6px 20px #0000001f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fadeIn .2s ease-out}.musi-vertical-sort-btn{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-full);color:var(--muted);transition:all .15s cubic-bezier(.4,0,.2,1)}.musi-vertical-sort-btn:hover{transform:scale(1.18);color:#ef4444}.musi-vertical-sort-btn.active{color:#ef4444}.musi-playlist-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-subtle),var(--card-bg));color:var(--muted);border-radius:var(--radius-sm)}.musi-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:modalFadeIn .2s ease}.musi-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;max-width:90vw;box-shadow:var(--shadow-xl);overflow:hidden;animation:modalSlideUp .2s cubic-bezier(.16,1,.3,1)}.musi-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:15px}.musi-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.musi-modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--bg-subtle)}.musi-modal-footer .musi-btn{border-radius:var(--radius-full);padding:0 18px;height:34px}.musi-input{width:100%;height:38px;padding:0 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:13.5px;outline:none;box-sizing:border-box;transition:all .15s ease}.musi-input:focus{border-color:var(--fg);box-shadow:0 0 0 2px #ffffff14}@keyframes modalSlideUp{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.musi-drilldown-wrap{display:flex;flex-direction:column;gap:20px}.musi-drilldown-hero{display:flex;align-items:center;gap:24px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-sm)}.musi-drilldown-cover{width:120px;height:120px;border-radius:var(--radius-md);object-fit:cover;box-shadow:var(--shadow-md);background:var(--bg-subtle);flex-shrink:0}.musi-drilldown-cover.round{border-radius:var(--radius-full)}.musi-drilldown-info{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.musi-drilldown-title{font-size:22px;font-weight:800;color:var(--fg);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musi-drilldown-sub{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.musi-drilldown-actions{margin-top:4px;display:flex;align-items:center;gap:12px}.musi-queue-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .2s ease}.musi-queue-drawer{position:fixed;top:68px;bottom:92px;right:16px;width:360px;max-width:calc(100vw - 32px);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:125;display:flex;flex-direction:column;overflow:hidden;animation:drawerSlideIn .25s cubic-bezier(.16,1,.3,1)}.musi-queue-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.musi-queue-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.musi-queue-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.musi-queue-item:hover,.musi-queue-item.active{background:var(--bg-subtle)}.musi-queue-item-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-subtle);flex-shrink:0}.musi-queue-item-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.musi-queue-item-title{font-size:13px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musi-queue-item-sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.musi-player-bar{position:fixed;bottom:18px;left:50%;transform:translate(-50%);width:calc(100% - 36px);max-width:1240px;height:72px;border-radius:var(--radius-full);background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:0 16px 36px #00000038,0 4px 12px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px;box-sizing:border-box;z-index:100;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .musi-player-bar{background:#121216e0;border-color:#ffffff1f;box-shadow:0 18px 44px #00000080,0 0 0 1px #ffffff0d}[data-theme=light] .musi-player-bar{background:#ffffffeb;border-color:#0000001a;box-shadow:0 12px 32px #0000001f,0 2px 8px #0000000a}.musi-player-left{display:flex;align-items:center;gap:12px;width:270px;min-width:190px;flex-shrink:0}.musi-player-thumb{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border);object-fit:cover;background:var(--bg-subtle);flex-shrink:0;box-shadow:var(--shadow-sm)}.musi-player-thumb-placeholder{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-subtle);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.musi-player-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.musi-player-title-row{display:flex;align-items:center;gap:6px;min-width:0}.musi-player-title{font-size:13.5px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musi-player-artist{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musi-player-center{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:620px}.musi-controls{display:flex;align-items:center;gap:14px}.musi-play-btn{width:36px;height:36px;background:transparent;color:var(--fg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);padding:0}.musi-play-btn:hover{transform:scale(1.15);color:var(--fg);opacity:1}.musi-play-btn:active{transform:scale(.92)}.musi-ctrl-btn{width:32px;height:32px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-sizing:border-box}.musi-ctrl-btn:hover{color:var(--fg);background:var(--bg-subtle)}.musi-ctrl-btn:active{transform:scale(.92)}.musi-ctrl-btn.active{color:#ef4444;background:transparent}.musi-ctrl-btn.active:hover{color:#dc2626;background:#ef444414}.musi-seek-wrap{width:100%;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--muted);-webkit-user-select:none;user-select:none}.musi-seek-slider-container{position:relative;flex:1;display:flex;align-items:center}.musi-seek-bubble{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);background:#fff;color:#09090b;font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.08);box-shadow:0 3px 10px #0003,0 1px 3px #0000001a;pointer-events:none;white-space:nowrap;line-height:1.2;z-index:20;animation:seekBubbleFade .12s ease forwards}.musi-seek-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:3.5px;border-style:solid;border-color:#ffffff transparent transparent transparent}@keyframes seekBubbleFade{0%{opacity:0;transform:translate(-50%) translateY(3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.musi-slider{flex:1;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--progress-bg);outline:none;cursor:pointer;transition:height .15s ease}.musi-slider:hover{height:6px}.musi-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg);cursor:pointer;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease}.musi-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.musi-admin-wrap{display:flex;flex-direction:column;gap:12px}.musi-admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.musi-admin-hero{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:16px}.musi-admin-title{font-size:18px;font-weight:700;color:var(--fg);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.musi-admin-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.musi-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.musi-admin-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.musi-admin-card-title{font-size:13.5px;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.musi-admin-metrics-list{display:flex;flex-direction:column;gap:10px}.musi-admin-metric-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.musi-admin-metric-label{color:var(--muted)}.musi-admin-metric-val{font-weight:600;color:var(--fg);font-family:var(--font-mono)}.musi-admin-metric-val.green{color:var(--success-fg)}.musi-admin-full-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.musi-admin-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.musi-admin-badge.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-fg)}.musi-admin-badge.warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-fg)}.musi-admin-badge.tech{font-family:var(--font-mono);background:#7d7d7d14;border-color:var(--border);color:var(--fg)}.musi-textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);color:var(--fg);font-family:var(--font-mono);font-size:12.5px;line-height:1.6;padding:12px 14px;outline:none;resize:vertical;min-height:200px;box-sizing:border-box;transition:all .15s ease}.musi-textarea:focus{border-color:var(--fg);background:var(--card-bg);box-shadow:0 0 0 2px #0000000d}.musi-player-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:280px;min-width:200px;flex-shrink:0}.musi-vol-wrap{display:flex;align-items:center;gap:6px;position:relative}.musi-vol-slider-wrap{position:relative;display:flex;align-items:center;width:84px}.musi-vol-slider{width:100%}.musi-vol-bubble{position:absolute;bottom:calc(100% + 7px);transform:translate(-50%) translateY(3px);background:#fff;color:#09090b;font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.08);box-shadow:0 3px 10px #0003,0 1px 3px #0000001a;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s cubic-bezier(.16,1,.3,1);white-space:nowrap;line-height:1.2;z-index:20}.musi-vol-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:3.5px;border-style:solid;border-color:#ffffff transparent transparent transparent}.musi-vol-wrap:hover .musi-vol-bubble,.musi-vol-wrap.active .musi-vol-bubble,.musi-vol-wrap:focus-within .musi-vol-bubble{opacity:1;transform:translate(-50%) translateY(0)}.musi-lyrics-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000e0;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;flex-direction:column;padding:32px 24px;color:#fff;animation:modalFadeIn .2s ease;overflow:hidden}.musi-lyrics-header{display:flex;align-items:center;justify-content:space-between;max-width:800px;width:100%;margin:0 auto 20px}.musi-lyrics-scroll-stage{flex:1;max-width:800px;width:100%;margin:0 auto;overflow-y:auto;scroll-behavior:smooth;text-align:center;padding:40vh 0;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);scrollbar-width:none;-ms-overflow-style:none}.musi-lyrics-scroll-stage::-webkit-scrollbar{display:none;width:0;height:0}.musi-lyric-line{font-size:18px;font-weight:500;color:#fff6;padding:10px 20px;margin:4px auto;max-width:680px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;line-height:1.55;-webkit-user-select:none;user-select:none}.musi-lyric-line:hover{color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px #0003}.musi-lyric-line:active{background:#ffffff24;border-color:#ffffff40;transform:scale(.99)}.musi-lyric-line.active{font-size:22px;font-weight:700;color:#fff;background:transparent;border-color:transparent;box-shadow:none;text-shadow:none}.musi-lyric-line.active:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 2px 10px #0003}.musi-admin-subtabs{display:flex;align-items:center;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:12px;overflow-x:auto}.musi-admin-subtab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.musi-admin-subtab:hover{color:var(--fg);border-color:var(--border-hover);background:var(--bg-hover)}.musi-admin-subtab.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.musi-admin-subtab-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono);padding:1px 6px;border-radius:var(--radius-full);background:#7d7d7d33;color:inherit;font-weight:600}.musi-admin-subtab-badge.warn{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-border)}.musi-path-mono{font-family:var(--font-mono);font-size:11.5px;color:var(--fg);background:var(--bg-subtle);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musi-json-viewer{background:#0f172a;color:#e2e8f0;border-radius:var(--radius-md);padding:14px;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;max-height:320px;overflow-y:auto;border:1px solid #334155;-webkit-user-select:text;user-select:text}.musi-pill-group{display:inline-flex;align-items:center;gap:3px;padding:3px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0000000a}.musi-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none}.musi-pill-btn:hover:not(.active){color:var(--fg);background:#7d7d7d14}.musi-pill-btn.active{background:var(--card-bg);color:var(--fg);border-color:var(--border);box-shadow:0 2px 6px #00000014}.musi-pill-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--font-mono);padding:1px 7px;border-radius:var(--radius-full);background:#7d7d7d24;color:var(--muted);transition:all .2s ease}.musi-pill-btn.active .musi-pill-badge{background:var(--accent);color:var(--accent-fg)}.musi-pill-btn.active .musi-pill-badge.warn{background:#eab308;color:#000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}