:root{--bg-base: #121212;--bg-elevated: #181818;--bg-highlight: #282828;--text-primary: #ffffff;--text-muted: #b3b3b3;--accent: #1db954;--accent-hover: #1ed760;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#000;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}input{font:inherit;color:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:1fr 90px;grid-template-areas:"sidebar main" "player  player";height:100vh;gap:var(--space-2);padding:var(--space-2);background:#000}.sidebar{grid-area:sidebar;background:var(--bg-base);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);overflow-y:auto}.sidebar-brand{font-size:24px;font-weight:700;color:var(--accent);margin-bottom:var(--space-6);letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;transition:color .15s}.sidebar-link:hover{color:var(--text-primary)}.sidebar-link.active{color:var(--text-primary);background:var(--bg-highlight)}.app-main{grid-area:main;background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--bg-elevated);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.top-bar-search input{background:var(--bg-highlight);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);border:0;color:var(--text-primary);width:320px;outline:none}.top-bar-search input::placeholder{color:var(--text-muted)}.app-main-content{flex:1;overflow-y:auto;padding:var(--space-6)}.app-main-content h1{font-size:28px;font-weight:700;margin-bottom:var(--space-4)}.app-main-content p{color:var(--text-muted)}.player-bar{grid-area:player;background:var(--bg-base);border-radius:var(--radius-lg);padding:0 var(--space-4);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--space-4);color:var(--text-primary);font-size:13px}.player-bar-track{display:flex;align-items:center;gap:var(--space-3);min-width:0}.player-bar-empty{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.player-bar-cover{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-highlight);flex-shrink:0}.player-bar-cover img{width:100%;height:100%;object-fit:cover;display:block}.player-bar-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted);font-size:22px}.player-bar-meta{min-width:0}.player-bar-title{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-artist{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.player-bar-buttons{display:flex;align-items:center;gap:var(--space-3)}.player-bar-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;color:var(--text-muted);transition:color .15s,background .15s,transform .15s}.player-bar-btn:hover:not(:disabled){color:var(--text-primary)}.player-bar-btn:disabled{opacity:.4;cursor:not-allowed}.player-bar-btn-play{background:var(--text-primary);color:#000;width:36px;height:36px}.player-bar-btn-play:hover:not(:disabled){background:var(--accent);color:#000;transform:scale(1.06)}.player-bar-progress{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:600px}.player-bar-time{color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.player-bar-volume{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;color:var(--text-muted)}.player-bar-volume-slider{width:100px}.player-bar-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;--thumb-size: 0px;background:linear-gradient(to right,var(--text-primary) 0,var(--text-primary) calc(var(--filled, 0%) * (100% - var(--thumb-size)) / 100% + var(--thumb-size) / 2),rgba(255,255,255,.15) calc(var(--filled, 0%) * (100% - var(--thumb-size)) / 100% + var(--thumb-size) / 2),rgba(255,255,255,.15) 100%);border-radius:999px;outline:none;cursor:pointer;flex:1;touch-action:pan-x}.player-bar-slider:hover:not(:disabled){background:linear-gradient(to right,var(--accent) 0,var(--accent) calc(var(--filled, 0%) * (100% - var(--thumb-size)) / 100% + var(--thumb-size) / 2),rgba(255,255,255,.15) calc(var(--filled, 0%) * (100% - var(--thumb-size)) / 100% + var(--thumb-size) / 2),rgba(255,255,255,.15) 100%)}.player-bar-slider:disabled{cursor:not-allowed;opacity:.5}.player-bar-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:0;height:0;border-radius:999px;background:var(--text-primary);cursor:pointer;border:0;transition:width .1s,height .1s}.player-bar-slider:hover:not(:disabled){--thumb-size: 12px}.player-bar-slider:hover:not(:disabled)::-webkit-slider-thumb{width:12px;height:12px;background:var(--text-primary)}.player-bar-slider::-moz-range-thumb{width:0;height:0;border-radius:999px;background:var(--text-primary);border:0;cursor:pointer}.player-bar-slider:hover:not(:disabled)::-moz-range-thumb{width:12px;height:12px}@media(pointer:coarse){.player-bar-slider{height:6px;--thumb-size: 14px}.player-bar-slider::-webkit-slider-thumb{width:14px;height:14px;box-shadow:0 1px 3px #0009}.player-bar-slider::-moz-range-thumb{width:14px;height:14px;box-shadow:0 1px 3px #0009}}.track-row.is-current .track-title{color:var(--accent)}.track-playing-indicator{color:var(--accent);font-size:11px}.track-row{cursor:pointer;-webkit-user-select:none;user-select:none}.track-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);opacity:0;transition:opacity .15s}.track-row:hover .track-row-actions,.track-row.is-current .track-row-actions{opacity:1}.track-icon-btn{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:var(--text-muted);font-size:14px;transition:color .15s,background .15s}.track-icon-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.track-icon-btn:disabled{opacity:.3;cursor:not-allowed}.track-icon-btn-danger:hover:not(:disabled){color:#ff8080;background:#ff50501a}.track-like{color:var(--text-muted)}.track-like:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.track-like.is-liked{color:var(--accent);opacity:1!important}.track-row .track-row-actions .track-like.is-liked{opacity:1}.track-row:has(.track-like.is-liked) .track-row-actions{opacity:1}.add-to-playlist{position:relative}.track-add{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:var(--text-muted);font-size:18px;font-weight:500;transition:color .15s,background .15s}.track-add:hover{color:var(--accent);background:#1db9541a}.add-to-playlist-popover{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-highlight);border-radius:var(--radius-md);padding:var(--space-2);min-width:220px;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px #0009;z-index:50}.add-to-playlist-header{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3) var(--space-1)}.add-to-playlist-empty{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:12px}.add-to-playlist-list{list-style:none}.add-to-playlist-list button{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);transition:background .1s}.add-to-playlist-list button:hover:not(:disabled){background:#ffffff14}.add-to-playlist-list button:disabled{opacity:.5;cursor:not-allowed}.add-to-playlist-feedback{padding:var(--space-2) var(--space-3);font-size:12px;color:var(--accent)}.sidebar-section{margin-top:var(--space-6);border-top:1px solid rgba(255,255,255,.06);padding-top:var(--space-4)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sidebar-add-btn{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:var(--text-muted);font-size:16px;transition:color .15s,background .15s}.sidebar-add-btn:hover{color:var(--text-primary);background:#ffffff14}.sidebar-empty{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:12px}.sidebar-playlist-list{list-style:none;display:flex;flex-direction:column;gap:1px}.sidebar-playlist-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;transition:color .15s,background .15s}.sidebar-playlist-link:hover{color:var(--text-primary)}.sidebar-playlist-link.active{color:var(--text-primary);background:var(--bg-highlight)}.sidebar-playlist-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-playlist-count{font-size:11px;color:var(--text-muted);flex-shrink:0}.playlist-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.06)}.playlist-kicker{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.playlist-title{font-size:36px;font-weight:800;margin:var(--space-1) 0;letter-spacing:-.02em}.playlist-description{color:var(--text-muted);margin-bottom:var(--space-2)}.playlist-meta{color:var(--text-muted);font-size:13px}.playlist-actions{display:flex;gap:var(--space-2)}.auth-field-textarea{background:var(--bg-highlight);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:14px;outline:none;font-family:inherit;resize:vertical;transition:border-color .15s}.auth-field-textarea:focus{border-color:var(--accent)}.user-menu{position:relative}.user-menu-summary{list-style:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--bg-base);cursor:pointer;font-weight:600}.user-menu-summary::-webkit-details-marker{display:none}.user-menu-avatar{width:28px;height:28px;border-radius:999px;background:var(--accent);color:#000;display:grid;place-items:center;font-size:13px;font-weight:700}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--bg-highlight);border-radius:var(--radius-md);padding:var(--space-2);min-width:200px;box-shadow:0 8px 24px #00000080;z-index:10}.user-menu-email{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:12px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:var(--space-1);word-break:break-all}.user-menu-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500}.user-menu-item:hover{background:#ffffff0d}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#181818,#000 60%);padding:var(--space-6)}.auth-card{background:var(--bg-base);padding:var(--space-8);border-radius:var(--radius-lg);width:min(420px,100%);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 16px 40px #0009}.auth-brand{font-size:28px;font-weight:700;color:var(--accent);text-align:center;letter-spacing:-.02em}.auth-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:var(--space-2)}.auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-field span{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.auth-field input{background:var(--bg-highlight);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:15px;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-error{background:#ff50501a;color:#ff8080;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:13px}.auth-submit{background:var(--accent);color:#000;font-weight:700;padding:var(--space-3);border-radius:999px;font-size:15px;margin-top:var(--space-2);transition:background .15s,transform .15s}.auth-submit:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.02)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-muted);font-size:13px}.auth-footer a{color:var(--accent);font-weight:600}.auth-loading{display:grid;place-items:center;height:100vh;color:var(--text-muted);background:#000}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-loading{color:var(--text-muted);padding:var(--space-6) 0}.btn-primary,.btn-secondary{font-weight:700;padding:var(--space-2) var(--space-6);border-radius:999px;font-size:14px;transition:background .15s,transform .15s,color .15s}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.04)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){border-color:var(--text-primary)}.track-list-empty{color:var(--text-muted);padding:var(--space-8) 0;text-align:center}.track-list{display:flex;flex-direction:column}.track-list-header,.track-row{display:grid;grid-template-columns:32px 56px 2fr 1.5fr 60px 110px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.track-list-header{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:var(--space-2)}.track-row{border-radius:var(--radius-sm);transition:background .1s}.track-row:hover{background:#ffffff0a}.track-row:hover .track-delete{opacity:1}.track-index{color:var(--text-muted);text-align:center;font-size:13px}.track-cover{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-highlight)}.track-cover img{width:100%;height:100%;object-fit:cover;display:block}.track-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:22px;color:var(--text-muted)}.track-meta{min-width:0}.track-title{color:var(--text-primary);font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist,.track-album{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{color:var(--text-muted);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.track-delete{opacity:0;font-size:18px;color:var(--text-muted);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;transition:opacity .15s,color .15s,background .15s}.track-delete:hover:not(:disabled){color:#ff8080;background:#ff50501a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:100;padding:var(--space-4)}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);width:min(560px,100%);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 16px 40px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:20px;font-weight:700}.modal-close{font-size:22px;color:var(--text-muted);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;transition:background .15s}.modal-close:hover:not(:disabled){background:var(--bg-highlight);color:var(--text-primary)}.modal-dropzone{border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);padding:var(--space-8);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;min-height:160px;display:flex;align-items:center;justify-content:center}.modal-dropzone:hover{border-color:var(--accent);background:#1db9540d}.modal-dropzone.has-files{align-items:flex-start;justify-content:stretch;text-align:left;padding:var(--space-4)}.modal-dropzone-empty{color:var(--text-muted)}.modal-dropzone-icon{font-size:36px;color:var(--accent);margin-bottom:var(--space-2);font-weight:300}.modal-dropzone-sub{font-size:12px;margin-top:var(--space-1);opacity:.7}.modal-files{display:flex;flex-direction:column;gap:var(--space-1);width:100%;max-height:280px;overflow-y:auto}.modal-file-row{display:grid;grid-template-columns:1fr auto 28px;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);background:var(--bg-base);border-radius:var(--radius-sm)}.modal-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.modal-file-size{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.modal-file-remove{font-size:18px;color:var(--text-muted);width:24px;height:24px;border-radius:999px;display:grid;place-items:center}.modal-file-remove:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.admin-page{display:flex;flex-direction:column;gap:var(--space-4)}.admin-header{display:flex;flex-direction:column;gap:var(--space-3)}.admin-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:var(--space-1)}.admin-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.admin-tab:hover{color:var(--text-primary);background:#ffffff0a}.admin-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent);background:#ffffff0a}.admin-tab-body{display:flex;flex-direction:column;gap:var(--space-4)}.admin-subtabs{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:var(--space-3)}.admin-subtab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-muted);background:transparent}.admin-subtab:hover{color:var(--text-primary);background:#ffffff0a}.admin-subtab.is-active{color:var(--text-primary);background:#1db95429}.admin-subtab-count{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);background:#ffffff14;border-radius:999px;font-size:11px;font-variant-numeric:tabular-nums}.admin-upload{display:flex;flex-direction:column;gap:var(--space-4)}.admin-dropzone{border:2px dashed rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;background:#ffffff05;transition:border-color .12s,background-color .12s}.admin-dropzone.is-active{border-color:var(--accent);background:#1db9540f}.admin-dropzone-title{font-size:16px;font-weight:600;margin:0}.admin-dropzone-hint{color:var(--text-muted);font-size:13px;margin:var(--space-2) 0 var(--space-4)}.admin-dropzone-actions{display:inline-flex;gap:var(--space-3)}.admin-upload-summary{display:flex;justify-content:space-between;align-items:center;background:var(--bg-elevated);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.admin-upload-counts{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;font-size:13px}.admin-upload-counts .status-pending{color:var(--text-muted)}.admin-upload-counts .status-uploading{color:#60a5fa}.admin-upload-counts .status-created{color:var(--accent)}.admin-upload-counts .status-duplicate{color:#f59e0b}.admin-upload-counts .status-failed{color:#ef4444}.admin-upload-actions{display:inline-flex;gap:var(--space-2)}.admin-queue-row.status-uploading{color:#60a5fa}.admin-queue-row.status-created{color:var(--text-primary)}.admin-queue-row.status-duplicate{color:#f59e0b}.admin-queue-row.status-failed{color:#ef4444}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-weight:600;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:var(--bg-base)}.admin-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid rgba(255,255,255,.04)}.admin-table tr:hover td{background:#ffffff05}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums}.admin-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.admin-table tr.is-disabled{opacity:.5}.admin-soulseek{display:flex;flex-direction:column;gap:var(--space-3)}.admin-soulseek-header{display:flex;align-items:center;gap:var(--space-3)}.admin-soulseek-header h2{margin:0;font-size:18px}.admin-soulseek-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.admin-soulseek-form input[type=text]{flex:1;background:var(--bg-elevated);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px}.admin-soulseek-body{min-height:200px}.admin-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:lowercase}.admin-pill.is-ok{background:#1db95429;color:#1db954}.admin-pill.is-pending{background:#ffffff14;color:var(--text-muted)}.admin-pill.is-warn{background:#f59e0b29;color:#f59e0b}.admin-pill.is-error{background:#ef444429;color:#ef4444}.admin-empty{color:var(--text-muted);font-size:13px;padding:var(--space-3) 0}.admin-error{color:#ef4444;font-size:13px}.admin-meta{color:var(--text-muted);font-size:12px}.admin-format-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.04em;background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.08)}.admin-format-badge.is-lossless{background:#1db95424;color:#1db954;border-color:#1db95459}.admin-cell-truncate{display:block;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-tree{list-style:none;margin:0;padding:0}.admin-tree>li{margin:0;padding:0}.admin-tree-folder{background:none;border:none;color:var(--text-primary);text-align:left;padding:var(--space-2) 0;font-size:13px;cursor:pointer;width:100%}.admin-tree-folder:hover{color:#1db954}.admin-tree-files{list-style:none;margin:0 0 var(--space-2) var(--space-4);padding:0}.admin-tree-files>li{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:13px}.admin-input{background:var(--bg-elevated);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px}.admin-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.admin-catalog-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3)}.admin-catalog-toolbar input[type=search]{min-width:280px}.admin-catalog-bulk{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);font-size:13px;color:var(--text-muted)}.btn-link{background:transparent;color:var(--accent);font-size:13px;font-weight:600;padding:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{color:var(--text-muted);cursor:not-allowed}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid rgba(255,255,255,.08);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px;font-weight:600}.btn-secondary:hover:not(:disabled){background:#ffffff1f}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#b91c1c;color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px;font-weight:600}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.modal-wide{width:min(720px,96vw);max-height:92vh;overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.form-grid label{display:flex;flex-direction:column;gap:var(--space-1);font-size:12px;color:var(--text-muted);text-transform:capitalize}.form-grid input{background:var(--bg-elevated);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px}.form-grid input:focus{outline:2px solid var(--accent);outline-offset:-1px}.form-error{color:#ef4444;background:#ef444414;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px;margin-bottom:var(--space-3)}.modal-actions-spacer{flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.stat-card{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-4)}.stat-card-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.stat-card-value{font-size:28px;font-weight:700;margin-top:var(--space-2)}.stat-card-sub{color:var(--text-muted);font-size:12px;margin-top:var(--space-1)}.stats-section{margin-top:var(--space-6)}.stats-section h2{font-size:18px;margin-bottom:var(--space-3)}.stats-section h3{font-size:14px;margin-bottom:var(--space-2);color:var(--text-muted)}.stats-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:800px){.stats-search-grid{grid-template-columns:1fr}}.dup-group{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.dup-group-header{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.lyrics-panel{position:fixed;right:var(--space-4);bottom:110px;width:min(420px,92vw);max-height:60vh;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;z-index:50}.lyrics-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.06)}.lyrics-panel-title{font-weight:600;font-size:14px}.lyrics-panel-artist{color:var(--text-muted);font-size:12px}.lyrics-panel-close{background:transparent;color:var(--text-muted);font-size:22px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center}.lyrics-panel-close:hover{background:#ffffff14;color:var(--text-primary)}.lyrics-panel-body{overflow:auto;padding:var(--space-4)}.lyrics-panel-text{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.6;color:var(--text-muted)}.lyrics-panel-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:var(--space-4)}.lyrics-synced{display:flex;flex-direction:column;gap:var(--space-2)}.lyrics-line{font-size:14px;line-height:1.5;color:var(--text-muted);transition:color .12s}.lyrics-line.is-active{color:var(--text-primary);font-weight:600}.player-bar-btn.is-active{color:var(--accent)}.upload-progress-col{width:180px}.upload-progress{position:relative;height:16px;background:#ffffff0f;border-radius:999px;overflow:hidden;display:flex;align-items:center;min-width:120px}.upload-progress-bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1db954,#1ed760);transition:width 80ms linear;border-radius:999px}.upload-progress-bar.is-done{background:#1db95480}.upload-progress-pct{position:relative;z-index:1;width:100%;text-align:center;font-size:11px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;text-shadow:0 0 2px rgba(0,0,0,.6)}.upload-progress-overall{height:10px;margin-bottom:var(--space-2)}.admin-upload-overall{background:var(--bg-elevated);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.admin-upload-overall-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.form-fieldset{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4);margin-bottom:var(--space-3)}.form-fieldset>legend{padding:0 var(--space-2);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.form-cover-row{display:flex;gap:var(--space-3);align-items:flex-start}.form-cover-preview{width:100px;height:100px;background:var(--bg-base);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;display:grid;place-items:center}.form-cover-preview img{width:100%;height:100%;object-fit:cover}.form-cover-empty{color:var(--text-muted);font-size:12px}.form-cover-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.form-lyrics-textarea{width:100%;background:var(--bg-base);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);padding:var(--space-3);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;resize:vertical;min-height:160px;box-sizing:border-box}.form-lyrics-textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.form-lyrics-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end}.topbar-hamburger{display:none;background:transparent;color:var(--text-primary);width:36px;height:36px;border-radius:var(--radius-md);align-items:center;justify-content:center}.topbar-hamburger:hover{background:#ffffff14}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:90;border:0;padding:0;cursor:pointer}.player-bar-mini-progress{display:none}@media(max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr 64px;grid-template-areas:"main" "player";gap:0;padding:0;height:100dvh}.sidebar{position:fixed;top:0;bottom:64px;left:0;width:min(280px,80vw);z-index:100;transform:translate(-100%);transition:transform .2s ease-out;border-radius:0;box-shadow:4px 0 20px #0006}.app-shell.mobile-sidebar-open .sidebar{transform:translate(0)}.topbar-hamburger{display:inline-flex}.app-main{border-radius:0}.top-bar{padding:var(--space-3);gap:var(--space-2)}.top-bar-search{flex:1;min-width:0}.top-bar-search input{width:100%}.user-menu-summary>span:not(.user-menu-avatar){display:none}.app-main-content{padding:var(--space-3)}.player-bar{grid-template-columns:1fr auto;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:0;cursor:pointer;position:relative}.player-bar-mini-progress{display:block;position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--filled, 0%),rgba(255,255,255,.1) var(--filled, 0%),rgba(255,255,255,.1) 100%)}.player-bar-track{min-width:0;flex:1}.player-bar-cover{width:40px;height:40px}.player-bar-meta{font-size:12px;min-width:0;flex:1}.player-bar-title{font-size:13px}.player-bar-volume{display:none}.player-bar-controls{flex-direction:row;justify-content:flex-end;gap:0}.player-bar-progress{display:none}.player-bar-buttons .player-bar-btn:not(.player-bar-btn-play){display:none}.player-bar-btn-play{width:40px;height:40px}.track-list-header,.track-row{grid-template-columns:24px 40px 1fr 56px}.track-list-header>:nth-child(4),.track-list-header>:nth-child(6),.track-row .track-album,.track-row .track-row-actions{display:none}.track-cover,.track-cover-placeholder{width:40px;height:40px}.track-title{font-size:14px}.track-artist{font-size:12px}.admin-tabs,.admin-subtabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.admin-tab,.admin-subtab{white-space:nowrap;flex-shrink:0}.admin-tab-body,.admin-cleanup-body{overflow-x:auto}.admin-table{min-width:560px}.admin-catalog-toolbar{flex-direction:column;align-items:stretch}.admin-catalog-toolbar .admin-input,.admin-catalog-toolbar input[type=search]{width:100%;min-width:0}.admin-upload-summary{flex-direction:column;align-items:stretch;gap:var(--space-2)}.admin-upload-actions{flex-wrap:wrap}.modal,.modal-wide{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.modal-backdrop{padding:0;align-items:stretch}.form-grid{grid-template-columns:1fr}.form-cover-row{flex-direction:column;align-items:flex-start}.form-cover-actions{width:100%}.lyrics-panel{left:var(--space-2);right:var(--space-2);width:auto;bottom:88px;max-height:50dvh}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-search-grid{grid-template-columns:1fr}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.top-bar-search input{font-size:14px}.admin-page>.admin-header h1{font-size:22px}}.now-playing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-base) 100%);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-3);overflow-y:auto;animation:nowplay-slide-up .22s ease-out}@keyframes nowplay-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.now-playing-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center}.now-playing-icon-btn{background:transparent;color:var(--text-primary);width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center}.now-playing-icon-btn:hover{background:#ffffff14}.now-playing-header-label{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--text-muted)}.now-playing-cover{width:100%;max-width:320px;aspect-ratio:1 / 1;margin:0 auto;background:var(--bg-base);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 40px #00000080;display:grid;place-items:center}.now-playing-cover img{width:100%;height:100%;object-fit:cover}.now-playing-cover-placeholder{font-size:80px;color:var(--text-muted)}.now-playing-meta{text-align:center;margin-top:var(--space-2)}.now-playing-title{font-size:22px;font-weight:700;margin-bottom:var(--space-1)}.now-playing-artist{color:var(--text-muted);font-size:14px}.now-playing-album{color:var(--text-muted);font-size:12px;margin-top:2px}.now-playing-progress{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-2)}.now-playing-seek{width:100%}.now-playing-time-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.now-playing-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-3)}.now-playing-step{width:48px;height:48px}.now-playing-play{width:64px;height:64px;border-radius:999px;background:var(--text-primary);color:var(--bg-base);display:grid;place-items:center}.now-playing-play:hover{transform:scale(1.04)}.now-playing-volume{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--text-muted)}.now-playing-volume input{flex:1}.now-playing-lyrics{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.06)}.now-playing-lyrics-toggle{background:#ffffff0f;color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:12px;font-weight:600;width:100%}.now-playing-lyrics-toggle:hover{background:#ffffff1a}.now-playing-lyrics-body{margin-top:var(--space-3);max-height:40vh;overflow-y:auto}@media(min-width:769px){.now-playing{inset:auto;bottom:110px;right:var(--space-4);width:380px;max-height:80vh;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 48px #0009}}.home{display:flex;flex-direction:column;gap:var(--space-6)}.home-header h1{font-size:32px;font-weight:700}.home-section{display:flex;flex-direction:column;gap:var(--space-3)}.home-section-title{font-size:20px;font-weight:700}.home-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.home-quick-card{display:flex;align-items:center;gap:var(--space-3);background:#ffffff0f;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:background .12s}.home-quick-card:hover{background:#ffffff1a}.home-quick-cover{width:56px;height:56px;background:var(--bg-elevated);flex-shrink:0;display:grid;place-items:center;font-size:22px;color:var(--text-muted)}.home-quick-cover img{width:100%;height:100%;object-fit:cover}.home-liked-cover{background:linear-gradient(135deg,#6a3,#1ed760);color:#fff;font-weight:700}.home-quick-meta{padding:0 var(--space-3) 0 0;min-width:0}.home-quick-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-quick-sub{color:var(--text-muted);font-size:12px}.home-track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.home-track-card{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);text-align:left;transition:background .12s;color:inherit}.home-track-card:hover{background:#ffffff14}.home-track-cover{width:100%;aspect-ratio:1 / 1;background:var(--bg-base);border-radius:var(--radius-sm);display:grid;place-items:center;overflow:hidden;font-size:36px;color:var(--text-muted)}.home-track-cover img{width:100%;height:100%;object-fit:cover}.home-track-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-track-artist{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-facet-row{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.home-facet-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.home-facet-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-facet-chip{background:#ffffff14;color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:999px;font-size:13px;font-weight:600}.home-facet-chip:hover{background:#ffffff24}.facet-view{display:flex;flex-direction:column;gap:var(--space-4)}.facet-header{display:flex;align-items:flex-end;gap:var(--space-4)}.facet-cover{width:180px;height:180px;background:var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;box-shadow:0 8px 24px #00000080;display:grid;place-items:center}.facet-cover img{width:100%;height:100%;object-fit:cover}.facet-cover-placeholder{font-size:64px;color:var(--text-muted)}.facet-meta{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.facet-kind{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.facet-name{font-size:36px;font-weight:700;line-height:1.1}.facet-stats{color:var(--text-muted);font-size:13px}.track-link{background:transparent;color:inherit;font:inherit;padding:0;text-align:left}.track-link:hover{text-decoration:underline;color:var(--text-primary)}@media(max-width:768px){.home-header h1{font-size:22px}.facet-header{flex-direction:column;align-items:flex-start}.facet-cover{width:140px;height:140px}.facet-name{font-size:26px}.home-track-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.chart-status{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.04em;background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.08)}.chart-status.chart-status-imported{background:#1db95424;color:#1db954;border-color:#1db95459}.chart-status.chart-status-already-in-catalog,.chart-status.chart-status-duplicate{background:#facc151a;color:#facc15;border-color:#facc1559}.chart-status.chart-status-no-match,.chart-status.chart-status-no-quality,.chart-status.chart-status-download-failed{background:#ef44441a;color:#ef4444;border-color:#ef444459}.admin-table tr.is-selected td{background:#1db95414}.admin-subhead{margin-top:24px;font-size:14px;color:var(--text-muted)}