.sidebar{z-index:50;-webkit-user-select:none;user-select:none;background:#090d16;border-right:1px solid #ffffff14;flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #00000026}.sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:24px 20px;text-decoration:none;display:flex}.brand-icon-bubble{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 14px #3b82f659}.brand-info{flex-direction:column;min-width:0;display:flex}.brand-title{color:#f8fafc;letter-spacing:-.02em;font-size:17px;font-weight:800;line-height:1.2}.brand-version-badge{color:#60a5fa;margin-top:2px;font-size:11px;font-weight:600;display:inline-block}.sidebar-nav-container{flex-direction:column;flex:1;gap:20px;padding:20px 14px;display:flex;overflow-y:auto}.sidebar-nav-container::-webkit-scrollbar{width:4px}.sidebar-nav-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.nav-section{flex-direction:column;gap:4px;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:#475569;padding:0 12px 6px;font-size:11px;font-weight:700}.sidebar-nav-item{color:#94a3b8;border-radius:10px;outline:none;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-nav-item:hover{color:#f8fafc;background:#ffffff0f}.sidebar-nav-item:focus-visible{box-shadow:0 0 0 2px #3b82f6}.sidebar-nav-item.active{color:#60a5fa;background:#3b82f61f;font-weight:600}.sidebar-nav-item.active:before{content:"";background:#3b82f6;border-radius:0 4px 4px 0;width:4px;height:20px;position:absolute;top:50%;left:-6px;transform:translateY(-50%);box-shadow:0 0 8px #3b82f6}.sidebar-nav-item .nav-icon{flex-shrink:0;transition:transform .2s,color .2s}.sidebar-nav-item:hover .nav-icon{color:#f8fafc;transform:translate(2px)}.sidebar-nav-item.active .nav-icon{color:#60a5fa}.sidebar-footer-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:12px;margin:14px;padding:14px 16px;display:flex}.user-profile-row{justify-content:space-between;align-items:center;display:flex}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-details{flex-direction:column;flex:1;min-width:0;margin-left:10px;display:flex}.user-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-role{color:#64748b;font-size:11px}.logout-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.logout-btn:hover{color:#ef4444;background:#ef44441f}.logout-btn:focus-visible{box-shadow:0 0 0 2px #ef4444}.system-status-indicator{color:#94a3b8;border-top:1px solid #ffffff0d;align-items:center;gap:8px;padding-top:10px;font-size:11px;display:flex}.status-dot-green{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #10b981}.mini-player-bar{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-light,#e2e8f0);z-index:1000;background:#fffffff5;flex-direction:column;height:76px;display:flex;position:fixed;bottom:0;left:250px;right:0;box-shadow:0 -4px 20px #00000014}@media (width<=768px){.mini-player-bar{left:0}}.mini-player-progress-container{width:100%;height:4px;position:relative;top:-2px}.mini-player-progress-bar{appearance:none;cursor:pointer;background:#e2e8f0;outline:none;width:100%;height:4px;margin:0;transition:height .15s;display:block}.mini-player-progress-bar:hover{height:6px}.mini-player-progress-bar::-webkit-slider-thumb{appearance:none;background:var(--primary-blue,#3b82f6);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #3b82f666}.mini-player-content{flex:1;justify-content:space-between;align-items:center;gap:20px;padding:0 24px;display:flex}.mini-player-left{align-items:center;gap:14px;min-width:220px;max-width:320px;display:flex}.mini-player-art-link{border-radius:8px;flex-shrink:0;width:48px;height:48px;display:block;overflow:hidden;box-shadow:0 2px 8px #0000001a}.mini-player-art{object-fit:cover;width:100%;height:100%}.mini-player-art-placeholder{color:#64748b;background:#e2e8f0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mini-player-track-info{flex-direction:column;display:flex;overflow:hidden}.mini-player-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;overflow:hidden}.mini-player-title:hover{color:var(--primary-blue,#3b82f6)}.mini-player-artist{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-player-center{flex-direction:column;align-items:center;gap:4px;display:flex}.mini-player-controls{align-items:center;gap:14px;display:flex}.mini-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.mini-btn:hover{color:var(--text-primary,#0f172a);background:#f1f5f9}.mini-btn.active{color:var(--primary-blue,#3b82f6);background:var(--primary-blue-soft,#eff6ff)}.mini-btn.main-play-btn{background:var(--primary-blue,#3b82f6);color:#fff;width:36px;height:36px;box-shadow:0 4px 12px #3b82f666}.mini-btn.main-play-btn:hover{background:var(--primary-blue-hover,#2563eb);transform:scale(1.05)}.mini-player-time{color:var(--text-muted,#94a3b8);font-variant-numeric:tabular-nums;gap:4px;font-size:11px;display:flex}.mini-player-right{align-items:center;gap:16px;display:flex}.mini-player-volume{align-items:center;gap:8px;display:flex}.mini-player-volume-slider{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:2px;outline:none;width:80px;height:4px}.mini-player-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-blue,#3b82f6);border-radius:50%;width:10px;height:10px}.queue-drawer{border:1px solid var(--border-light,#e2e8f0);width:360px;max-height:460px;box-shadow:var(--shadow-lg,0 12px 36px #00000026);z-index:999;background:#fff;border-radius:12px;flex-direction:column;display:flex;position:fixed;bottom:76px;right:24px;overflow:hidden}.queue-header{border-bottom:1px solid var(--border-light,#e2e8f0);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.queue-header h3{color:var(--text-primary,#0f172a);margin:0;font-size:15px;font-weight:700}.queue-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;font-size:16px}.queue-list{max-height:380px;padding:8px;overflow-y:auto}.queue-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.queue-item:hover{background:#f1f5f9}.queue-item.active{background:var(--primary-blue-soft,#eff6ff)}.queue-item-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.queue-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.queue-artist{color:var(--text-secondary,#475569);font-size:11px}.queue-playing-tag{color:var(--primary-blue,#3b82f6);background:#3b82f626;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600}:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e2e8f0;--primary-blue:#3b82f6;--primary-blue-hover:#2563eb;--primary-blue-soft:#eff6ff;--accent-indigo:#6366f1;--accent-purple:#8b5cf6;--success-emerald:#10b981;--success-soft:#ecfdf5;--warning-amber:#f59e0b;--warning-soft:#fffbeb;--danger-rose:#ef4444;--danger-soft:#fef2f2;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 10px 25px #00000014;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}body{background-color:var(--bg-main);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-layout{background-color:var(--bg-main);width:100%;min-height:100vh;display:flex}.main-content{flex:1;min-width:0;padding:32px 40px;overflow-y:auto}.dashboard-container{flex-direction:column;gap:28px;max-width:1380px;margin:0 auto;display:flex}.hero-header-banner{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.banner-text h1{color:var(--text-primary);letter-spacing:-.02em;margin:8px 0 4px;font-size:26px;font-weight:800}.banner-text .subtitle{color:var(--text-secondary);margin:0;font-size:14px}.greeting-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #10b981}.btn-sync-hero{border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #3b82f659}.service-control-center{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;display:grid}.engine-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.engine-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.engine-card-header{justify-content:space-between;align-items:center;display:flex}.engine-title-group{align-items:center;gap:12px;display:flex}.engine-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.engine-icon-wrap.blue{color:#3b82f6;background:#eff6ff}.engine-icon-wrap.amber{color:#f59e0b;background:#fffbeb}.engine-category{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700}.engine-title-group h3{color:var(--text-primary);margin:2px 0 0;font-size:17px;font-weight:700}.engine-status-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.status-beacon{border-radius:50%;width:9px;height:9px}.status-beacon.running{background:#10b981;box-shadow:0 0 8px #10b981}.status-beacon.stopped{background:#ef4444;box-shadow:0 0 8px #ef4444}.status-text{color:var(--text-primary);font-size:13px;font-weight:600}.engine-meta-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip-pill{color:var(--text-secondary);background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.key-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.metric-overview-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.metric-overview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card-top{justify-content:space-between;align-items:center;display:flex}.metric-label-group{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.icon-green{color:#10b981}.badge-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.badge-pill.blue{color:#2563eb;background:#eff6ff}.badge-pill.green{color:#047857;background:#ecfdf5}.badge-pill.purple{color:#7e22ce;background:#faf5ff}.metric-hero-number{align-baseline:baseline;gap:6px;display:flex}.metric-hero-number .num{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:800}.metric-hero-number .total{color:var(--text-muted);font-size:13px}.metric-progress-track{background:#f1f5f9;border-radius:4px;width:100%;height:8px;overflow:hidden}.metric-progress-fill{border-radius:4px;height:100%;transition:width .5s}.metric-progress-fill.blue{background:#3b82f6}.metric-progress-fill.green{background:#10b981}.metric-progress-fill.purple{background:#a855f7}.metric-chips-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.chip.warning{color:#b45309;background:#fffbeb}.chip.danger{color:#b91c1c;background:#fef2f2}.chip.muted{color:#64748b;background:#f1f5f9}.chip.success{color:#047857;background:#ecfdf5}.playlist-summary-strip{color:var(--text-secondary);background:#f8fafc;border-radius:8px;padding:10px 12px;font-size:13px}.dashboard-content-split{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.dashboard-content-split{grid-template-columns:1fr}}.content-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.card-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.playlists-table{flex-direction:column;gap:12px;display:flex}.playlist-item-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.playlist-item-row:hover{background:#f1f5f9}.playlist-left{align-items:center;gap:12px;min-width:0;display:flex}.playlist-icon-bg{color:#3b82f6;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.playlist-text{flex-direction:column;min-width:0;display:flex}.pl-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pl-sub{color:var(--text-muted);font-size:12px}.playlist-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.status-tag{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.status-tag.active{color:#047857;background:#ecfdf5}.status-tag.paused{color:#64748b;background:#f1f5f9}.btn-icon-link{color:#94a3b8;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.btn-icon-link:hover{color:#3b82f6}.sync-history-detail{flex-direction:column;gap:16px;display:flex}.history-top-bar{justify-content:space-between;align-items:center;display:flex}.history-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.history-status-badge.success{color:#047857;background:#ecfdf5}.history-status-badge.failed{color:#b91c1c;background:#fef2f2}.history-time-ago{color:var(--text-muted);font-size:12px}.history-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.h-stat-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:12px;display:flex}.h-stat-box .num{color:var(--text-primary);font-size:18px;font-weight:800}.h-stat-box .lbl{color:var(--text-muted);font-size:11px}.history-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.dashboard-loading,.dashboard-error,.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;display:flex}.spin-icon{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{cursor:pointer;border:none;border-radius:10px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-blue-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#f1f5f9}.btn-sm{padding:6px 12px;font-size:12px}.btn-success-soft{color:#047857;background:#ecfdf5}.btn-success-soft:hover{background:#d1fae5}.btn-danger-soft{color:#b91c1c;background:#fef2f2}.btn-danger-soft:hover{background:#fee2e2}.btn:focus-visible{box-shadow:0 0 0 2px #3b82f6}.layout-controls-bar{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 2px #0000000a);border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.layout-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.layout-btn:hover{color:var(--text-primary,#0f172a);background:var(--bg-card-hover,#f1f5f9)}@media (width<=640px){.layout-btn span{display:none}.layout-btn{padding:6px 8px}}.song-card-checkbox{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;background:#0f172a66;border:1px solid #fff6;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10px;left:10px}.song-card:hover .song-card-checkbox,.song-card-checkbox.selected{opacity:1}.song-card-checkbox.selected{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f666}.song-card-checkbox:hover{background:#0f172a99;transform:scale(1.08)}.song-row-checkbox{border:1px solid var(--border-light,#cbd5e1);width:24px;height:24px;color:var(--text-muted,#64748b);cursor:pointer;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.song-row-checkbox:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.song-row-checkbox.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}.selection-action-bar-floating{z-index:900;-webkit-backdrop-filter:blur(20px);color:#fff;background:#0f172aeb;border:1px solid #ffffff26;border-radius:30px;justify-content:space-between;align-items:center;gap:20px;padding:10px 24px;animation:.25s cubic-bezier(.16,1,.3,1) barSlideUp;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000059,0 0 24px #3b82f640}@keyframes barSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.action-bar-left{align-items:center;gap:12px;display:flex}.selection-count-pill{color:#fff;letter-spacing:.02em;background:#3b82f6;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.select-all-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.select-all-btn:hover{color:#fff;background:#ffffff1a}.action-bar-right{align-items:center;gap:10px;display:flex}.action-bar-right .btn-secondary{color:#fff;background:#ffffff1f;border:1px solid #fff3}.action-bar-right .btn-secondary:hover{background:#ffffff38;border-color:#ffffff59}.clear-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.clear-btn:hover{color:#fff;background:#ffffff26}.selection-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.selection-confirm-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 20px 50px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.selection-confirm-modal .modal-header{border-bottom:1px solid var(--border-light,#e2e8f0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.selection-confirm-modal .modal-header h2{color:var(--text-primary,#0f172a);margin:0;font-size:18px;font-weight:700}.selection-confirm-modal .modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.modal-intro{color:var(--text-primary,#334155);margin:0;font-size:14px;line-height:1.5}.selected-preview-box{border:1px solid var(--border-light,#e2e8f0);background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;padding:12px 16px;font-size:13px;display:flex}.selected-preview-box strong{color:var(--text-primary,#0f172a)}.selected-preview-box ul{color:var(--text-secondary,#475569);flex-direction:column;gap:2px;margin:0;padding-left:18px;display:flex}.track-title-preview{color:var(--text-primary,#0f172a);font-weight:600}.track-artist-preview{color:var(--text-muted,#64748b)}.more-count{color:var(--primary-blue,#3b82f6);margin-top:2px;font-size:12px;font-weight:600}.modal-bullets ul{color:var(--text-muted,#64748b);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:12px;display:flex}.modal-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.selection-confirm-modal .modal-actions{border-top:1px solid var(--border-light,#e2e8f0);background:#f8fafc;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.song-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border-radius:12px;flex-direction:column;gap:12px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.song-card:hover{background:var(--bg-card-hover,#f8fafc);box-shadow:var(--shadow-md,0 4px 12px #00000014);border-color:#cbd5e1;transform:translateY(-3px)}.song-card.active-card{border-color:var(--primary-blue,#3b82f6);background:#3b82f60f}.card-size-large,.card-size-medium,.card-size-small{width:100%}.card-size-small{gap:8px;padding:8px}.song-card-art-wrap{aspect-ratio:1;background:#f1f5f9;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.song-card-art{object-fit:cover;width:100%;height:100%;transition:transform .3s}.song-card:hover .song-card-art{transform:scale(1.04)}.song-card-art-fallback{color:#64748b;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.song-card-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0f172a59;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.song-card:hover .song-card-overlay{opacity:1}.song-card-play-btn{background:var(--primary-blue,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;transform:scale(.9);box-shadow:0 4px 14px #3b82f666}.song-card:hover .song-card-play-btn{transform:scale(1)}.song-card-play-btn:hover{background:var(--primary-blue-hover,#2563eb);transform:scale(1.08)!important}.playing-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary-blue,#3b82f6);background:#fffffff2;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0000001a}.badge-dot{background:var(--primary-blue,#3b82f6);width:6px;height:6px;box-shadow:0 0 6px var(--primary-blue,#3b82f6);border-radius:50%;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.song-card-info{flex-direction:column;gap:4px;display:flex}.song-card-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.song-card-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;overflow:hidden}.song-card-title:hover{color:var(--primary-blue,#3b82f6)}.song-card-meta{flex-direction:column;gap:2px;display:flex}.song-card-artist{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.song-card-album{color:var(--text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.song-card-extra{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.extra-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:10px}.extra-duration{color:var(--text-muted,#94a3b8);margin-left:auto;font-size:10px}.song-card-menu-container{position:relative}.song-card-menu-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.song-card-menu-btn:hover{color:var(--text-primary,#0f172a);background:#f1f5f9}.song-card-menu-dropdown{border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-lg,0 10px 25px #0000001a);z-index:100;background:#fff;border-radius:8px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:100%;left:0}.song-card-menu-dropdown.right-aligned{left:auto;right:0}.song-card-menu-dropdown button,.song-card-menu-dropdown a{color:var(--text-primary,#0f172a);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;text-decoration:none;transition:background .15s;display:flex}.song-card-menu-dropdown button:hover,.song-card-menu-dropdown a:hover{background:#f1f5f9}.song-card-menu-dropdown .menu-danger:hover{background:var(--danger-soft,#fef2f2);color:var(--danger-rose,#ef4444)}.song-row{-webkit-user-select:none;user-select:none;background:0 0;border-radius:8px;align-items:center;padding:8px 16px;transition:background .15s;display:flex}.song-row:hover{background:var(--bg-card-hover,#f1f5f9)}.song-row.active-row{background:var(--primary-blue-soft,#eff6ff)}.song-row.selected-row{background:#f0f7ff}.standard-row{border-bottom:1px solid var(--border-light,#e2e8f0);gap:12px}.row-col-select{justify-content:center;align-items:center;width:28px;display:flex}.row-col-index{width:32px;color:var(--text-muted,#94a3b8);justify-content:center;align-items:center;font-size:13px;display:flex}.row-col-track{flex:2;align-items:center;gap:12px;min-width:0;display:flex}.row-art-wrap{cursor:pointer;background:#e2e8f0;border-radius:6px;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.row-art{object-fit:cover;width:100%;height:100%}.row-art-placeholder{color:#64748b;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.row-art-play-overlay{color:#fff;opacity:0;background:#0f172a66;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.row-art-wrap:hover .row-art-play-overlay{opacity:1}.row-track-details{flex-direction:column;display:flex;overflow:hidden}.row-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden}.row-title:hover{color:var(--primary-blue,#3b82f6)}.row-artist{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.row-col-album{flex:1.5;min-width:0}.row-album{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-col-genre{width:120px}.row-genre-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:3px 8px;font-size:11px}.row-col-duration{width:60px;color:var(--text-muted,#94a3b8);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.row-col-actions{justify-content:flex-end;width:32px;display:flex}.compact-row{justify-content:space-between;padding:6px 12px}.compact-left{align-items:center;gap:10px;min-width:0;display:flex}.compact-art{object-fit:cover;border-radius:4px;width:28px;height:28px}.compact-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;text-decoration:none;overflow:hidden}.compact-title:hover{color:var(--primary-blue,#3b82f6)}.compact-sep{color:#cbd5e1}.compact-artist{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.row-play-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.row-play-btn:hover{color:var(--primary-blue,#3b82f6)}@media (width<=768px){.row-col-album,.row-col-genre{display:none}}.songs-page-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding:24px;display:flex}.songs-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.header-title-block h1{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:800}.header-title-block .subtitle{color:var(--text-secondary,#475569);margin:0;font-size:14px}.header-actions{align-items:center;gap:12px;display:flex}.hierarchy-tabs{border-bottom:1px solid var(--border-light,#e2e8f0);align-items:center;gap:8px;padding-bottom:12px;display:flex}.tab-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tab-btn:hover{color:var(--text-primary,#0f172a);background:var(--bg-card-hover,#f1f5f9)}.tab-btn.active{color:var(--primary-blue,#3b82f6);background:var(--primary-blue-soft,#eff6ff);font-weight:600}.songs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-box{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);min-width:240px;max-width:400px;box-shadow:var(--shadow-sm,0 1px 2px #0000000a);border-radius:8px;flex:1;align-items:center;gap:10px;padding:8px 14px;display:flex}.toolbar-filters{align-items:center;gap:10px;display:flex}.filter-select{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);color:var(--text-primary,#0f172a);cursor:pointer;box-shadow:var(--shadow-sm,0 1px 2px #0000000a);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.grid-layout{gap:20px;display:grid}.grid-large{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-medium{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.grid-small{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.list-layout{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.list-header{border-bottom:1px solid var(--border-light,#e2e8f0);color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;align-items:center;gap:16px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.compact-list-layout{flex-direction:column;gap:4px;display:flex}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.artist-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);text-align:center;box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.artist-card:hover{background:var(--bg-card-hover,#f8fafc);box-shadow:var(--shadow-md,0 4px 12px #00000014);transform:translateY(-3px)}.artist-avatar{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden;box-shadow:0 4px 10px #00000014}.artist-avatar img{object-fit:cover;width:100%;height:100%}.artist-name{color:var(--text-primary,#0f172a);font-size:14px;font-weight:600}.artist-count{color:var(--text-muted,#94a3b8);font-size:12px}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.album-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border-radius:12px;flex-direction:column;gap:8px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.album-card:hover{background:var(--bg-card-hover,#f8fafc);box-shadow:var(--shadow-md,0 4px 12px #00000014);transform:translateY(-3px)}.album-art-wrap{aspect-ratio:1;color:#64748b;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.album-art-wrap img{object-fit:cover;width:100%;height:100%}.album-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.album-artist{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.album-footer{color:var(--text-muted,#94a3b8);font-size:11px}.genres-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.genre-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);cursor:pointer;box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.genre-card:hover{background:var(--primary-blue-soft,#eff6ff);border-color:#3b82f64d;transform:translateY(-2px)}.genre-icon{color:var(--primary-blue,#3b82f6)}.genre-info{flex-direction:column;display:flex}.genre-title{color:var(--text-primary,#0f172a);font-size:15px;font-weight:600}.genre-count{color:var(--text-secondary,#475569);font-size:12px}.library-loading,.library-empty-state{color:var(--text-muted,#94a3b8);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.library-empty-state h3{color:var(--text-primary,#0f172a);margin:0}.playlists-page{flex-direction:column;gap:24px;width:100%;display:flex}.playlists-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.playlists-header h1{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.playlists-header .subtitle{color:var(--text-muted,#64748b);margin:6px 0 0;font-size:15px}.playlist-header-actions{align-items:center;gap:12px;display:flex}.playlist-alert-banner{border-radius:var(--radius-md,10px);align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.playlist-alert-banner.alert-success{background-color:var(--success-soft,#ecfdf5);color:#065f46;border:1px solid #a7f3d0}.playlist-alert-banner.alert-error{background-color:var(--danger-soft,#fef2f2);color:#991b1b;border:1px solid #fecaca}.alert-close{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:4px;display:flex}.alert-close:hover{background:#0000000d}.playlists-toolbar{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.search-box{border:1px solid var(--border-light,#e2e8f0);background:#f8fafc;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:400px;padding:8px 14px;display:flex}.search-box input{color:var(--text-primary,#0f172a);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-icon{color:var(--text-muted,#94a3b8)}.view-mode-toggle{background:#f1f5f9;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.layout-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.layout-btn.active{color:var(--primary-blue,#3b82f6);background:#fff;box-shadow:0 1px 4px #00000014}.playlists-container.mode-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.playlists-container.mode-list{flex-direction:column;gap:14px;display:flex}.playlist-card-redesigned{background-color:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);cursor:pointer;box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:16px;flex-direction:column;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.playlist-card-redesigned:hover{box-shadow:var(--shadow-md,0 8px 24px #00000014);border-color:var(--primary-blue,#3b82f6);transform:translateY(-3px)}.mode-list .playlist-card-redesigned{flex-direction:row;align-items:center;gap:20px}.card-artwork-stage{aspect-ratio:1;background:#f1f5f9;border-radius:12px;width:100%;position:relative;overflow:hidden}.mode-list .card-artwork-stage{aspect-ratio:1;flex-shrink:0;width:100px;height:100px}.playlist-mosaic-art{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.playlist-mosaic-art img,.playlist-single-art img{object-fit:cover;width:100%;height:100%}.playlist-fallback-art{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.artwork-play-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;cursor:pointer;color:#fff;background:#0f172a73;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.playlist-card-redesigned:hover .artwork-play-overlay{opacity:1}.artwork-play-overlay:hover{transform:scale(1.05)}.card-content-stage{flex-direction:column;flex:1;gap:10px;display:flex}.card-top-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.playlist-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;overflow:hidden}.playlist-status-pill{border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.playlist-status-pill.enabled{color:#047857;background-color:#ecfdf5}.playlist-status-pill.disabled{color:#64748b;background-color:#f1f5f9}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.card-stats-row{align-items:center;gap:8px;display:flex}.stat-badge{color:var(--text-muted,#64748b);background-color:#f1f5f9;border-radius:6px;padding:3px 10px;font-size:12px}.stat-badge strong{color:var(--text-primary,#0f172a)}.stat-badge.failed-badge{color:#ef4444;background-color:#fef2f2}.card-actions-row{border-top:1px solid var(--border-light,#e2e8f0);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.external-link-btn{color:var(--text-muted,#64748b);border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.external-link-btn:hover{color:var(--primary-blue,#3b82f6);background-color:#eff6ff}.card-chevron{color:var(--text-muted,#94a3b8);margin-left:auto;transition:transform .15s}.playlist-card-redesigned:hover .card-chevron{color:var(--primary-blue,#3b82f6);transform:translate(3px)}.playlists-empty-card,.playlists-error-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);text-align:center;box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.empty-icon-avatar{color:#3b82f6;background-color:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.playlist-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;animation:.2s ease-out modal-appear;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes modal-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-light,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 28px;display:flex}.modal-header h2{color:var(--text-primary,#0f172a);margin:0;font-size:20px;font-weight:700}.modal-header p{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:13px}.modal-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.modal-close-btn:hover{color:var(--text-primary,#0f172a);background-color:#f1f5f9}.playlist-form{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary,#0f172a);font-size:13px;font-weight:600}.required{color:#ef4444}.form-group input{border:1px solid var(--border-light,#e2e8f0);height:42px;color:var(--text-primary,#0f172a);background-color:#fff;border-radius:8px;outline:none;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-toggle-card{border:1px solid var(--border-light,#e2e8f0);background-color:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.form-toggle-card strong{color:var(--text-primary,#0f172a);font-size:14px;display:block}.form-toggle-card p{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:12px}.playlist-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:20px;flex-shrink:0;width:46px;height:24px;padding:0;transition:background .2s;position:relative}.playlist-toggle span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.playlist-toggle.enabled{background:#10b981}.playlist-toggle.enabled span{transform:translate(22px)}.form-error-banner{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;padding-top:8px;display:flex}.song-detail-container{flex-direction:column;gap:24px;max-width:1300px;margin:0 auto;padding:24px;display:flex}.back-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.back-btn:hover{color:var(--text-primary,#0f172a);background:var(--bg-card-hover,#f1f5f9)}.song-detail-hero{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-md,0 4px 12px #0000000d);border-radius:16px;align-items:center;gap:32px;padding:28px;display:flex}.hero-artwork-wrap{width:220px;height:220px;box-shadow:var(--shadow-md,0 6px 16px #00000014);background:#f1f5f9;border-radius:12px;flex-shrink:0;overflow:hidden}.hero-artwork{object-fit:cover;width:100%;height:100%}.hero-artwork-fallback{width:100%;height:100%;color:var(--text-muted,#94a3b8);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);justify-content:center;align-items:center;display:flex}.hero-info{flex-direction:column;flex:1;gap:12px;display:flex}.hero-badge{color:var(--primary-blue,#3b82f6);background:var(--primary-blue-soft,#eff6ff);text-transform:uppercase;letter-spacing:.05em;border:1px solid #3b82f633;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:600}.hero-title{color:var(--text-primary,#0f172a);margin:0;font-size:28px;font-weight:800}.hero-meta-row{color:var(--text-secondary,#475569);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.hero-meta-item{align-items:center;gap:6px;display:flex}.meta-bullet{color:#cbd5e1}.hero-player-card{border:1px solid var(--border-light,#e2e8f0);background:#f8fafc;border-radius:12px;flex-direction:column;gap:14px;margin-top:8px;padding:14px 18px;display:flex}.card-controls-row{align-items:center;gap:14px;display:flex}.player-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.player-btn:hover{color:var(--text-primary,#0f172a);background:#e2e8f0}.player-btn.active{color:var(--primary-blue,#3b82f6);background:var(--primary-blue-soft,#eff6ff)}.player-btn.main-play-btn{background:var(--primary-blue,#3b82f6);color:#fff;width:44px;height:44px;box-shadow:0 4px 14px #3b82f666}.player-btn.main-play-btn:hover{background:var(--primary-blue-hover,#2563eb);transform:scale(1.05)}.card-progress-row{color:var(--text-muted,#94a3b8);align-items:center;gap:12px;font-size:12px;display:flex}.card-progress-slider{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:2px;outline:none;flex:1;height:4px}.card-progress-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-blue,#3b82f6);border-radius:50%;width:12px;height:12px}.song-detail-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.song-detail-hero{text-align:center;flex-direction:column;align-items:center}.hero-badge{align-self:center}.hero-meta-row{justify-content:center}.song-detail-grid{grid-template-columns:1fr}}.detail-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.detail-card h3{color:var(--text-primary,#0f172a);margin:0;font-size:16px;font-weight:700}.meta-table{border-collapse:collapse;width:100%}.meta-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:14px}.meta-table td:first-child{color:var(--text-secondary,#475569);width:35%;font-weight:500}.meta-table td:last-child{color:var(--text-primary,#0f172a);font-weight:600}.path-cell{word-break:break-all;font-family:monospace;color:var(--text-secondary,#475569)!important;font-size:12px!important}.status-pill{text-transform:capitalize;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600}.pill-downloaded,.pill-enriched{background:var(--success-soft,#ecfdf5);color:#065f46}.pill-pending,.pill-raw{background:var(--warning-soft,#fffbeb);color:#b45309}.pill-failed{background:var(--danger-soft,#fef2f2);color:var(--danger-rose,#ef4444)}.spotify-lyrics-card{box-shadow:var(--shadow-md,0 6px 20px #0000001f);color:#fff;background:#0f172a;border-radius:16px;flex-direction:column;gap:16px;padding:24px 28px;display:flex}.spotify-lyrics-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.spotify-lyrics-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.spotify-lyrics-viewport{text-align:center;scroll-behavior:smooth;flex-direction:column;gap:12px;height:420px;padding:40px 16px;display:flex;overflow-y:auto}.spotify-lyrics-viewport::-webkit-scrollbar{width:6px}.spotify-lyrics-viewport::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.spotify-lyric-line{color:#ffffff59;cursor:pointer;border-radius:8px;margin:0;padding:8px 16px;font-size:19px;font-weight:700;line-height:1.6;transition:all .25s cubic-bezier(.4,0,.2,1)}.spotify-lyric-line:hover{color:#ffffffb3}.spotify-lyric-line.active{color:#fff;text-shadow:0 0 20px #fff6;background:#3b82f626;font-size:25px;font-weight:900;transform:scale(1.03)}.lyrics-empty-state{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:280px;display:flex}.song-detail-loading,.song-detail-not-found{color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;display:flex}.settings-container{flex-direction:column;gap:24px;width:100%;display:flex}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.settings-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.settings-header .subtitle{color:var(--text-secondary);margin:6px 0 0;font-size:15px}.settings-alert-banner{border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.settings-alert-banner.alert-success{background-color:var(--success-soft);color:#065f46;border:1px solid #a7f3d0}.settings-alert-banner.alert-error{background-color:var(--danger-soft);color:#991b1b;border:1px solid #fecaca}.settings-form-layout{flex-direction:column;gap:20px;display:flex}.settings-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px 28px;display:flex}.card-section-header{border-bottom:1px solid var(--border-light);align-items:center;gap:14px;padding-bottom:16px;display:flex}.section-icon{border-radius:var(--radius-md);flex-shrink:0;width:40px;height:40px;padding:9px}.section-icon.blue{background-color:var(--primary-blue-soft);color:var(--primary-blue)}.section-icon.green{background-color:var(--success-soft);color:var(--success-emerald)}.section-icon.purple{color:#a855f7;background-color:#f3e8ff}.section-icon.orange{background-color:var(--warning-soft);color:#d97706}.card-section-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.card-section-header p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.setting-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:24px;padding-bottom:16px;display:flex}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1;min-width:0}.setting-label{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.setting-desc{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{border:1px solid var(--border-light);border-radius:var(--radius-md);width:140px;height:40px;color:var(--text-primary);background-color:#fff;outline:none;padding:0 44px 0 14px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input-with-unit input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f626}.unit-tag{color:var(--text-muted);pointer-events:none;text-transform:lowercase;font-size:12px;font-weight:600;position:absolute;right:12px}.toggle-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .25s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:22px;height:22px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input:checked+.slider{background-color:var(--success-emerald)}input:checked+.slider:before{transform:translate(24px)}.settings-save-footer{justify-content:flex-end;padding-top:10px;display:flex}.btn-lg{border-radius:var(--radius-md);padding:12px 24px;font-size:15px;font-weight:700}.settings-loading-screen{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.radio-option{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.setting-row.toggle-row{align-items:flex-start}.service-status-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.service-status-row:last-child{border-bottom:none;padding-bottom:0}.service-status-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.status-beacon-sm{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.status-beacon-sm.running{background-color:var(--success-emerald);box-shadow:0 0 0 3px #10b98133}.status-beacon-sm.stopped{background-color:var(--text-muted);box-shadow:0 0 0 3px #94a3b826}.service-name{color:var(--text-primary);font-size:14px;font-weight:700;display:block}.service-desc{color:var(--text-secondary);margin:3px 0 0;font-size:13px;line-height:1.5}.service-error{color:var(--danger-rose);font-weight:600}.service-actions{flex-shrink:0;gap:8px;display:flex}.destructive-warning-inline{background-color:var(--warning-soft);border-radius:var(--radius-md);color:#92400e;border:1px solid #fcd34d;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.destructive-warning-inline svg{color:#d97706;flex-shrink:0;margin-top:1px}.settings-warning-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-warning-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;padding:28px;display:flex}.warning-modal-header{align-items:center;gap:12px;display:flex}.warning-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.warning-icon{color:var(--danger-rose);flex-shrink:0}.warning-modal-body{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.warning-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.btn-secondary{background-color:var(--bg-card);color:var(--text-secondary);border-color:var(--border-light)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-card-hover);color:var(--text-primary)}.cookie-status-badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.cookie-status-badge.configured{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.cookie-status-badge.not-configured{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.cookie-input-wrapper{width:100%}.cookie-textarea{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-main);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5}.cookie-textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.cookie-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.cookie-security-notice{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.cookie-security-notice .security-icon{color:#10b981;flex-shrink:0}.cookie-guide-modal{max-width:600px}.modal-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:4px;display:flex}.modal-close-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.cookie-guide-body{flex-direction:column;gap:12px;max-height:70vh;padding-right:4px;display:flex;overflow-y:auto}.guide-step-title{color:var(--text-primary);margin:8px 0 0;font-size:14px;font-weight:700}.guide-steps-list{color:var(--text-secondary);margin:0;padding-left:20px;font-size:13px;line-height:1.6}.guide-steps-list li{margin-bottom:4px}.guide-callout{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.guide-callout.info{background-color:var(--primary-blue-soft);color:#1e40af;border:1px solid #bfdbfe}.guide-callout.info svg{color:var(--primary-blue);flex-shrink:0;margin-top:2px}.guide-callout.security{color:#6b21a8;background-color:#f3e8ff;border:1px solid #e9d5ff}.guide-callout.security svg{color:#9333ea;flex-shrink:0;margin-top:2px}.health-page-container{flex-direction:column;gap:28px;max-width:1200px;margin:0 auto;padding:32px;display:flex}.health-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.health-header h1{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:800}.health-header .subtitle{color:var(--text-muted,#64748b);margin:0;font-size:14px}.health-header-actions{align-items:center;gap:12px;display:flex}.clean-services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.simple-service-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:16px;flex-direction:column;justify-content:space-between;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.simple-service-card:hover{box-shadow:var(--shadow-md,0 6px 18px #0000000f);transform:translateY(-2px)}.simple-service-card.running{border-top:4px solid #10b981}.simple-service-card.stopped{border-top:4px solid #ef4444}.icon-bubble{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-bubble.backend{color:#3b82f6;background:#eff6ff}.icon-bubble.frontend{color:#d946ef;background:#fdf4ff}.icon-bubble.metadata{color:#8b5cf6;background:#faf5ff}.icon-bubble.database{color:#10b981;background:#ecfdf5}.status-pill{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.status-pill.running{color:#047857;background:#ecfdf5}.status-pill.stopped{color:#b91c1c;background:#fef2f2}.status-dot{border-radius:50%;width:8px;height:8px}.status-pill.running .status-dot{background:#10b981;box-shadow:0 0 6px #10b981}.status-pill.stopped .status-dot{background:#ef4444;box-shadow:0 0 6px #ef4444}.card-middle h2{color:var(--text-primary,#0f172a);margin:0;font-size:18px;font-weight:800}.card-bottom{color:var(--text-muted,#64748b);border-top:1px solid var(--border-light,#f1f5f9);align-items:center;gap:8px;padding-top:14px;font-size:14px;display:flex}.clock-icon{color:var(--text-muted,#94a3b8)}.uptime-label{font-weight:500}.uptime-val{color:var(--text-primary,#0f172a);margin-left:auto;font-weight:700}.health-loading,.health-error-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);text-align:center;color:var(--text-muted,#64748b);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;display:flex}.rslsync-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding:24px;animation:.3s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.text-indigo{color:#6366f1!important}.text-emerald{color:#10b981!important}.text-amber{color:#f59e0b!important}.text-rose{color:#f43f5e!important}.rslsync-loading-skeleton{min-height:400px;color:var(--text-secondary,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;font-weight:600;display:flex}.rslsync-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.rslsync-header-left{align-items:center;gap:16px;display:flex}.rslsync-brand-badge{background:linear-gradient(135deg,#6366f126,#4f46e514);border:1px solid #6366f133;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #6366f11a}.rslsync-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rslsync-title-row h1{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.engine-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.engine-pill.online{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.engine-pill.offline{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pulse-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseGlow}@keyframes pulseGlow{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.subtitle{color:var(--text-secondary,#64748b);margin:4px 0 0;font-size:14px}.rslsync-header-actions{align-items:center;gap:10px;display:flex}.btn-glow-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e559}.btn-glow-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #4f46e573}.btn-glow-primary:disabled{opacity:.5;cursor:not-allowed}.btn-icon-only{border:1px solid var(--border-light,#cbd5e1);background:var(--bg-card,#fff);width:38px;height:38px;color:var(--text-secondary,#475569);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-only:hover:not(:disabled){background:var(--bg-hover,#f8fafc);color:var(--text-primary,#0f172a)}.rslsync-glass-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%);border:1px solid #ffffff1a;border-radius:20px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a33}.banner-glow-effect{pointer-events:none;background:radial-gradient(circle,#6366f159 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-10%}.banner-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.banner-left{align-items:center;gap:18px;display:flex}.banner-status-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.banner-status-icon.online{color:#34d399;box-shadow:0 0 20px #34d3994d}.banner-status-icon.offline{color:#f87171;box-shadow:0 0 20px #f871714d}.banner-left h2{color:#fff;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:800}.banner-left p{color:#cbd5e1;max-width:680px;margin:4px 0 0;font-size:13px}.banner-tags{align-items:center;gap:16px;display:flex}.tag-group{flex-direction:column;gap:4px;display:flex}.tag-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.tag-val{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.tag-val.pro{color:#a5b4fc;background:#6366f140;border-color:#6366f166}.rslsync-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.metric-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:18px;flex-direction:column;gap:12px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.shadow-card{box-shadow:var(--shadow-sm,0 2px 8px #0000000a)}.card-top{justify-content:space-between;align-items:center;display:flex}.card-label{color:var(--text-secondary,#64748b);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.icon-blue{color:#3b82f6}.icon-emerald{color:#10b981}.icon-purple{color:#a855f7}.icon-indigo{color:#6366f1}.status-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:800}.status-pill.online,.status-pill.synced{color:#047857;background:#ecfdf5}.status-pill.syncing{color:#1d4ed8;background:#eff6ff}.status-pill.offline,.status-pill.error{color:#b91c1c;background:#fef2f2}.card-big-stat{color:var(--text-primary,#0f172a);letter-spacing:-.03em;font-size:32px;font-weight:900;line-height:1}.card-big-stat .unit{color:var(--text-secondary,#64748b);margin-left:2px;font-size:18px;font-weight:700}.progress-bar-container{background:#f1f5f9;border-radius:4px;width:100%;height:8px;overflow:hidden}.card-subtext{color:var(--text-muted,#64748b);justify-content:space-between;font-size:12px;display:flex}.bandwidth-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:10px;display:grid}.speed-block{align-items:center;gap:8px;display:flex}.speed-block.down{color:#10b981}.speed-block.up{color:#6366f1}.speed-val{color:var(--text-primary,#0f172a);font-size:14px;font-weight:800;display:block}.speed-lbl{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.badge-transfers{color:#1d4ed8;background:#eff6ff;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:800}.rslsync-tab-bar{border-bottom:2px solid var(--border-light,#e2e8f0);gap:10px;padding-bottom:2px;display:flex}.tab-item{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.tab-item:hover{color:var(--text-primary,#0f172a);background:#00000005}.tab-item.active{color:#4f46e5}.tab-item.active:after{content:"";background:#4f46e5;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-2px;left:0;right:0}.tab-content-fade{animation:.25s ease-in-out fadeIn}.panel-box{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:18px;flex-direction:column;gap:20px;padding:24px;display:flex}.panel-header-row{border-bottom:1px solid var(--border-light,#e2e8f0);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.panel-header-row h3{color:var(--text-primary,#0f172a);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;display:flex}.panel-sub{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:13px}.empty-state-box{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon-circle{color:#4f46e5;background:#eff6ff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.empty-state-box h4{color:#0f172a;margin:0;font-size:17px;font-weight:800}.empty-state-box p{color:#64748b;max-width:420px;margin:0;font-size:14px}.peers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.peer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;transition:all .2s;display:flex}.peer-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.peer-top{align-items:center;gap:12px;display:flex}.peer-avatar{color:#4f46e5;background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.peer-title-info{flex:1}.peer-title-info h4{color:#0f172a;margin:0;font-size:15px;font-weight:800}.peer-id{color:#64748b;font-size:11px}.peer-details{background:#fff;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-size:12px;display:flex}.detail-item{justify-content:space-between;align-items:center;display:flex}.detail-item .lbl{color:#64748b}.detail-item .val{color:#0f172a;font-weight:700}.badge-connection{text-transform:capitalize;background:#f1f5f9;border-radius:6px;padding:2px 8px}.peer-footer{justify-content:flex-end;display:flex}.btn-revoke{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-revoke:hover{background:#fef2f2}.folders-list{flex-direction:column;gap:16px;display:flex}.folder-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.folder-header{align-items:center;gap:14px;display:flex}.folder-icon-wrap{color:#3b82f6;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.folder-title-block{flex:1}.folder-title-block h4{color:#0f172a;margin:0;font-size:16px;font-weight:800}.folder-path{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:12px}.folder-metrics-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.metric-pill{background:#fff;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.metric-pill .lbl{color:#64748b;font-size:11px;font-weight:600}.metric-pill .val{color:#0f172a;font-size:13px;font-weight:800}.secrets-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.secret-row{align-items:center;gap:10px;font-size:12px;display:flex}.secret-lbl{color:#475569;align-items:center;gap:4px;min-width:140px;font-weight:700;display:flex}.secret-code{color:#0f172a;word-break:break-all;background:#f1f5f9;border-radius:6px;flex:1;padding:4px 8px;font-family:monospace;font-size:12px}.btn-icon-copy{cursor:pointer;color:#475569;background:0 0;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;display:flex}.btn-icon-copy:hover{color:#0f172a;background:#f8fafc}.split-panel-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.split-panel-grid{grid-template-columns:1fr}}.transfers-list,.errors-list{flex-direction:column;gap:10px;display:flex}.transfer-item-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.transfer-info{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.transfer-info .filename{color:#0f172a}.transfer-info .speed{color:#6366f1}.error-item-card{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.err-msg{color:#991b1b;margin:0;font-size:13px;font-weight:700}.err-time{color:#b91c1c;font-size:11px}.modal-card-redesign{background:var(--bg-card,#fff);border-radius:24px;width:100%;max-width:540px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 24px 48px #0f172a40}.modal-header-redesign{border-bottom:1px solid var(--border-light,#e2e8f0);justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;display:flex}.modal-header-redesign h2{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:800;display:flex}.modal-sub{color:#64748b;margin:4px 0 0;font-size:13px}.modal-body-redesign{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.wizard-stepper{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.step-item{color:#94a3b8;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.step-item.active{color:#4f46e5}.step-item.done{color:#10b981}.step-badge{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.step-item.active .step-badge{color:#fff;background:#4f46e5}.step-item.done .step-badge{color:#fff;background:#10b981}.step-line{background:#e2e8f0;flex:1;height:2px;margin:0 8px}.wizard-step-content{flex-direction:column;gap:16px;display:flex}.wizard-step-content.align-center{text-align:center;align-items:center}.form-group-custom{flex-direction:column;gap:8px;display:flex}.form-group-custom label{color:#0f172a;font-size:13px;font-weight:800}.select-custom{color:#0f172a;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 14px;font-size:14px}.permission-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.permission-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s}.permission-card:hover{border-color:#a5b4fc}.permission-card.selected{background:#e0e7ff;border-color:#4f46e5}.perm-header{color:#0f172a;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.permission-card p{color:#475569;margin:0;font-size:11px}.btn-block{width:100%}.qr-box-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.qr-code-rendered{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:180px;height:180px;padding:8px}.qr-help-text{color:#475569;max-width:380px;margin:0;font-size:13px}.manual-secret-box{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.manual-secret-box .lbl{color:#475569;font-size:12px;font-weight:700}.secret-input-row{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.secret-input-row code{color:#0f172a;word-break:break-all;text-align:left;flex:1;font-family:monospace;font-size:12px}.btn-copy-sm{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.beacon-loader{color:#4f46e5;background:#e0e7ff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.success-badge-circle{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.success-title{color:#0f172a;margin:0;font-size:20px;font-weight:800}.success-sub{color:#475569;margin:0;font-size:14px}:root{--meta-primary:#3b82f6;--meta-primary-glow:#3b82f640;--meta-success:#10b981;--meta-success-glow:#10b98133;--meta-warning:#f59e0b;--meta-warning-glow:#f59e0b33;--meta-danger:#ef4444;--meta-danger-glow:#ef444433;--meta-purple:#8b5cf6;--meta-purple-glow:#8b5cf633;--glass-bg:#ffffffd9;--glass-border:#e2e8f0cc;--glass-shadow:0 10px 30px -5px #0000000d, 0 4px 12px -2px #00000008}[data-theme=dark]{--glass-bg:#1e293bd9;--glass-border:#334155cc;--glass-shadow:0 10px 30px -5px #0000004d, 0 4px 12px -2px #0003}.metadata-container{flex-direction:column;gap:28px;width:100%;padding-bottom:40px;animation:.3s ease-in-out fadeIn;display:flex}.metadata-hero-banner{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl,16px);box-shadow:var(--glass-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.metadata-hero-banner:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);height:4px;position:absolute;top:0;left:0;right:0}.hero-title-group h1{color:var(--text-primary);letter-spacing:-.03em;align-items:center;gap:12px;margin:0;font-size:30px;font-weight:800;display:flex}.hero-title-group .subtitle{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.5}.hero-badge-strip{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.engine-pill{background:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.metadata-actions{align-items:center;gap:14px;display:flex}.btn-scan{color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--meta-primary-glow);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-scan:hover:not(:disabled){box-shadow:0 8px 24px var(--meta-primary-glow);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px)}.btn-scan:disabled{opacity:.65;cursor:not-allowed}.btn-force-scan{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-force-scan:hover:not(:disabled){background:var(--bg-card-subtle);border-color:var(--meta-warning);color:var(--meta-warning)}.scan-progress-banner{background:linear-gradient(135deg,#3b82f614 0%,#8b5cf614 100%);border:1px solid #3b82f633;border-radius:14px;flex-direction:column;gap:12px;padding:18px 24px;display:flex}.progress-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.progress-bar-track{background:#00000014;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;height:100%;transition:width .4s}.metadata-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:16px;align-items:center;gap:18px;padding:22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-hover,var(--meta-primary));transform:translateY(-3px);box-shadow:0 12px 28px -6px #00000014}.metric-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.metric-icon-box.total{color:var(--meta-primary);background:#3b82f61f}.metric-icon-box.raw{color:var(--meta-warning);background:#f59e0b1f}.metric-icon-box.beets{color:var(--meta-success);background:#10b9811f}.metric-icon-box.low-confidence{color:var(--meta-purple);background:#8b5cf61f}.metric-icon-box.failed{color:var(--meta-danger);background:#ef44441f}.metric-info{flex-direction:column;display:flex}.metric-value{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.metric-label{color:var(--text-secondary);margin-top:4px;font-size:13px;font-weight:600}.metadata-table-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:16px;overflow:hidden}.metadata-table-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.metadata-table-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.metadata-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.metadata-search-input{border:1px solid var(--border-color);color:var(--text-primary);background:var(--bg-card-subtle);border-radius:10px;outline:none;min-width:220px;padding:9px 16px;font-size:13px;transition:all .2s}.metadata-search-input:focus{border-color:var(--meta-primary);box-shadow:0 0 0 3px var(--meta-primary-glow)}.metadata-select{border:1px solid var(--border-color);color:var(--text-primary);background:var(--bg-card-subtle);cursor:pointer;border-radius:10px;outline:none;padding:9px 16px;font-size:13px;font-weight:600}.metadata-table{border-collapse:collapse;width:100%;font-size:14px}.metadata-table th{background:var(--bg-card-subtle);color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:14px 24px;font-size:12px;font-weight:700}.metadata-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px 24px}.metadata-table tr:last-child td{border-bottom:none}.metadata-table tr:hover{background:var(--bg-card-subtle)}.track-cell-art{object-fit:cover;background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;width:44px;height:44px}.track-cell-fallback{background:var(--bg-sidebar);width:44px;height:44px;color:var(--text-muted);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-state-pill{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-state-pill.enriched{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.status-state-pill.raw{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.status-state-pill.processing{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f64d}.status-state-pill.failed{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.status-state-pill.low_confidence{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf64d}.status-state-pill.skipped{background:var(--bg-card-subtle);color:var(--text-muted);border:1px solid var(--border-color)}.badge-beets{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn-enrich-action{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-enrich-action:hover:not(:disabled){border-color:var(--meta-primary);color:var(--meta-primary);background:#3b82f61a}.btn-enrich-action:disabled{opacity:.5;cursor:not-allowed}.metadata-pagination-bar{border-top:1px solid var(--border-color);background:var(--bg-card-subtle);justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.page-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--meta-primary);color:var(--meta-primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.track-detail-hero{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:20px;flex-wrap:wrap;align-items:center;gap:28px;padding:32px;display:flex;position:relative}.track-detail-art-box{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0003}.track-detail-art-box img{object-fit:cover;width:100%;height:100%}.track-detail-header-info{flex:1;min-width:260px}.track-detail-header-info h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.track-detail-header-info .meta-sub{color:var(--text-secondary);margin:6px 0 0;font-size:15px;font-weight:500}.track-detail-header-info .meta-tags-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.btn-back{background:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-back:hover{color:var(--text-primary);border-color:var(--text-primary);transform:translate(-2px)}.spin{animation:1s linear infinite spin}.auth-page-container{box-sizing:border-box;background-color:#0f172a;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.auth-card{border-radius:var(--radius-lg,16px);box-sizing:border-box;background-color:#fff;flex-direction:column;gap:20px;width:100%;max-width:440px;padding:36px 32px;animation:.25s ease-out auth-card-appear;display:flex;box-shadow:0 20px 50px #0000004d}@keyframes auth-card-appear{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-brand-avatar{border-radius:var(--radius-lg,14px);background-color:var(--primary-blue-soft,#eff6ff);width:56px;height:56px;color:var(--primary-blue,#2563eb);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.auth-brand-avatar.warning{color:#d97706;background-color:#fef3c7}.auth-header h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.auth-header .subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.4}.auth-default-hint{border-radius:var(--radius-md,10px);text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;padding:12px 16px}.auth-default-hint p{color:#475569;margin:0;font-size:12px;line-height:1.5}.auth-default-hint code{color:#0f172a;background-color:#e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.auth-alert-banner{border-radius:var(--radius-md,10px);color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.auth-alert-banner.alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form .form-group{flex-direction:column;gap:6px;display:flex}.auth-form label{color:#334155;font-size:13px;font-weight:600}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-left-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.input-icon-wrapper input{border-radius:var(--radius-md,10px);color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;outline:none;width:100%;height:44px;padding:0 40px 0 42px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-icon-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.toggle-password-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.toggle-password-btn:hover{color:#0f172a}.btn-auth-submit{border-radius:var(--radius-md,10px);width:100%;height:44px;margin-top:6px;font-size:15px;font-weight:700}.songs-container{flex-direction:column;gap:24px;width:100%;display:flex}.songs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.songs-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.songs-header .subtitle{color:var(--text-secondary);margin:6px 0 0;font-size:15px}.songs-header-actions{align-items:center;gap:12px;display:flex}.songs-toolbar-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px 22px;display:flex}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-input-wrapper input{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;height:44px;color:var(--text-primary);background-color:#fff;outline:none;padding:0 40px 0 42px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search-input-wrapper input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f626}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.clear-search-btn:hover{color:var(--text-primary);background-color:#f1f5f9}.filter-selects-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-selects-group select{border:1px solid var(--border-light);border-radius:var(--radius-md);height:38px;color:var(--text-secondary);cursor:pointer;background-color:#fff;outline:none;padding:0 14px;font-size:13px;transition:border-color .15s}.filter-selects-group select:hover{border-color:var(--primary-blue)}.songs-list-container{flex-direction:column;gap:10px;display:flex}.song-item-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s;overflow:hidden}.song-item-card.expanded{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.song-item-card.playing{border-color:var(--primary-blue);background-color:var(--primary-blue-soft)}.song-row-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:14px 20px;transition:background-color .15s;display:flex}.song-row-header:hover{background-color:var(--bg-card-hover)}.track-number{color:var(--text-muted);min-width:24px;font-size:13px;font-weight:700}.song-title-meta{flex:1;min-width:0}.song-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.song-artist-album{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13px;overflow:hidden}.song-status-pills{align-items:center;gap:8px;display:flex}.status-pill.success{background-color:var(--success-soft);color:#047857}.status-pill.pending{background-color:var(--warning-soft);color:#b45309}.status-pill.failed{background-color:var(--danger-soft);color:#b91c1c}.status-pill.unavailable{color:var(--text-muted);background-color:#f1f5f9}.song-duration{color:var(--text-secondary);align-items:center;gap:6px;min-width:70px;font-size:13px;display:flex}.play-inline-btn{background-color:var(--primary-blue-soft);width:36px;height:36px;color:var(--primary-blue);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.play-inline-btn:hover,.play-inline-btn.playing{background-color:var(--primary-blue);color:#fff}.expand-chevron{color:var(--text-muted);transition:transform .2s}.expand-chevron.open{transform:rotate(180deg)}.song-expanded-details{border-top:1px solid var(--border-light);background-color:#f8fafc;flex-direction:column;gap:16px;padding:20px;display:flex}.player-panel-card{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.player-top-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.player-track-info{flex-direction:column;flex:1;gap:2px;min-width:150px;display:flex}.player-track-info strong{color:var(--text-primary);font-size:15px}.player-track-info span{color:var(--text-secondary);font-size:13px}.player-time-display{color:var(--text-secondary);align-items:center;gap:4px;font-family:monospace;font-size:13px;font-weight:600;display:flex}.player-volume-control{align-items:center;gap:8px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.volume-slider{width:80px;height:4px;accent-color:var(--primary-blue);cursor:pointer}.player-seek-container{width:100%}.seek-slider{width:100%;height:6px;accent-color:var(--primary-blue);cursor:pointer;border-radius:var(--radius-full)}.audio-unavailable-banner{background-color:var(--warning-soft);border-radius:var(--radius-md);color:#92400e;border:1px solid #fde68a;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.song-action-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lyrics-panel{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#fff;overflow:hidden}.lyrics-heading{border-bottom:1px solid var(--border-light);background-color:#f8fafc;padding:14px 20px}.heading-title{align-items:center;gap:10px;display:flex}.lyrics-icon-primary{color:var(--primary-blue)}.heading-title h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.heading-title .subtitle{color:var(--text-muted);font-size:12px}.lyrics-content{text-align:center;scroll-behavior:smooth;color:#94a3b8;background-color:#0f172a;height:300px;padding:40px 20px;overflow-y:auto}.lyric-line{color:#64748b;opacity:.5;border-radius:8px;margin:0;padding:10px 16px;font-size:16px;line-height:1.6;transition:all .25s}.lyric-line.active{color:#fff;opacity:1;background-color:#3b82f633;font-size:20px;font-weight:700;transform:scale(1.03);box-shadow:0 0 15px #3b82f64d}.lyrics-message{text-align:center;color:var(--text-muted);padding:36px 20px;font-size:14px}.songs-loading-screen,.songs-empty-card,.songs-error-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.now-playing-fullscreen{z-index:2000;color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ambient-background{z-index:1;background:#090d16;position:absolute;inset:0;overflow:hidden}.ambient-art-blur{object-fit:cover;filter:blur(110px)brightness(.45)saturate(1.8);opacity:.45;width:130%;height:130%;transition:opacity 1.5s;position:absolute;inset:-15%;transform:scale(1.15)}.ambient-gradient-overlay{background:radial-gradient(ellipse at 50% 30%, var(--glow-color,#3b82f673) 0%, var(--dominant-color,#1e293bbf) 50%, var(--dark-color,#090d16f5) 100%);transition:background 1.2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.ambient-glass-tint{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#090d164d 0%,#090d16e0 100%);position:absolute;inset:0}.now-playing-top-bar{z-index:10;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:relative}.top-bar-btn{-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:30px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.top-bar-btn:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-2px)}.top-bar-title{color:#ffffffb3;letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:600}.top-bar-placeholder{width:140px}.now-playing-main{z-index:10;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:calc(100vh - 90px);padding:10px 48px 40px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.now-playing-main.centered-mode{flex-direction:column;justify-content:center;align-items:center;display:flex}.now-playing-main.centered-mode .music-stage-col{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:580px;display:flex}.now-playing-main.lyrics-mode{grid-template-columns:440px 1fr;align-items:center;gap:60px;width:100%;max-width:1360px;margin:0 auto;display:grid}.now-playing-main.lyrics-mode .music-stage-col{text-align:left;flex-direction:column;align-items:flex-start;gap:20px;width:100%;max-width:440px;display:flex}.spotify-art-card{width:340px;height:340px;box-shadow:0 24px 60px #000000a6, 0 0 50px var(--glow-color,#3b82f659);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.now-playing-main.lyrics-mode .spotify-art-card{border-radius:16px;width:260px;height:260px}.art-img{object-fit:cover;width:100%;height:100%;display:block}.art-fallback{color:#fff6;background:linear-gradient(135deg,#ffffff1f,#ffffff05);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.track-meta-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.track-meta-wrap .track-title{color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 14px #0006;margin:0;font-size:28px;font-weight:800;overflow:hidden}.track-meta-wrap .track-artist{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;overflow:hidden}.track-pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.now-playing-main.centered-mode .track-pills{justify-content:center}.meta-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffd9;background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.spotify-control-surface{box-sizing:border-box;-webkit-backdrop-filter:blur(32px);background:#1218268c;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:18px 22px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0006,inset 0 1px #fff3}.progress-bar-row{align-items:center;gap:12px;width:100%;display:flex}.timestamp{color:#ffffffa6;font-variant-numeric:tabular-nums;min-width:38px;font-size:12px;font-weight:600}.progress-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;flex:1;height:4px}.progress-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;box-shadow:0 0 10px var(--accent-color,#3b82f6);cursor:pointer;background:#fff;border-radius:50%}.controls-toolbar{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.toolbar-group{align-items:center;gap:6px;height:38px;display:flex}.volume-group{flex:1;max-width:110px}.volume-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:55px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:10px;height:10px}.playback-group{justify-content:center;align-items:center;gap:6px;display:flex}.actions-group{justify-content:flex-end;align-items:center;gap:6px;display:flex}.control-icon-btn{box-sizing:border-box;color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;margin:0;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.control-icon-btn:hover{color:#fff;background:#ffffff29;border-color:#fff3}.control-icon-btn.active{color:#fff;background:#ffffff40;border-color:#ffffff59;box-shadow:0 0 12px #ffffff40}.main-play-circle{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 6px 20px #ffffff59}.main-play-circle:hover{background:#fff;transform:scale(1.06)}.play-icon-offset{margin-left:2px}.frameless-lyrics-column{flex-direction:column;justify-content:center;align-items:flex-end;width:100%;height:100%;max-height:560px;padding:20px 0;animation:.5s cubic-bezier(.16,1,.3,1) fadeInLyrics;display:flex}@keyframes fadeInLyrics{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.frameless-lyrics-column .spotify-lyrics-viewport{width:100%;height:520px;box-shadow:none;text-align:right;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;padding:60px 0}.frameless-lyrics-column .spotify-lyrics-viewport::-webkit-scrollbar{width:0;height:0;display:none}.frameless-lyrics-column .spotify-lyric-line{color:#fff6;text-align:right;padding:10px 0;font-size:22px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.frameless-lyrics-column .spotify-lyric-line.active{color:#fff;text-shadow:0 0 24px #ffffff80;transform-origin:100%;text-align:right;background:0 0;font-size:28px;font-weight:900;transform:scale(1.02)}.fullscreen-queue-drawer{-webkit-backdrop-filter:blur(30px);z-index:100;background:#0f172ae0;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;width:360px;max-height:440px;display:flex;position:fixed;bottom:110px;left:80px;overflow:hidden;box-shadow:0 20px 50px #00000080}.queue-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.queue-drawer-header h3{color:#fff;margin:0;font-size:15px;font-weight:700}.queue-drawer-list{flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.queue-drawer-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.queue-drawer-item:hover{background:#ffffff1a}.queue-drawer-item.active{background:#ffffff26}.queue-item-art{color:#ffffff80;background:#ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.queue-item-art img{object-fit:cover;width:100%;height:100%}.queue-item-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.q-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.q-artist{color:#fff9;font-size:11px}.q-playing-badge{color:#fff;background:var(--accent-color,#3b82f6);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.empty-state-canvas{background:#090d16;justify-content:center;align-items:center;display:flex}.glass-empty-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex;box-shadow:0 20px 50px #0006}.empty-icon{color:#fff6}@media (width<=1100px){.now-playing-main.lyrics-mode{grid-template-columns:1fr;padding:20px;overflow-y:auto}.frameless-lyrics-column{width:100%;max-height:400px}}