body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.now-playing{background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-right:16px;overflow:hidden;transition:all .3s ease}.now-playing-compact{align-items:center;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background .2s}.now-playing-compact:hover{background:#00000005}.now-playing-album-art{border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.now-playing-info{flex:1 1;max-width:200px;min-width:0}.now-playing-track{color:#333;font-size:14px;font-weight:600}.now-playing-artist,.now-playing-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:#666;font-size:12px}.now-playing-play-btn{align-items:center;background:#1db954;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.now-playing-play-btn:hover{background:#1ed760;transform:scale(1.05)}.now-playing-play-btn:active{transform:scale(.95)}.now-playing.expanded{min-width:300px}.now-playing-expanded{border-top:1px solid #0000000d;margin-top:8px;padding:12px}.now-playing-progress-bar{background:#0000001a;border-radius:2px;height:4px;margin-bottom:12px;overflow:hidden}.now-playing-progress-fill{background:#1db954;height:100%;transition:width .5s linear}.now-playing-controls{gap:16px;margin-bottom:8px}.control-btn,.now-playing-controls{display:flex;justify-content:center}.control-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:16px;height:36px;transition:all .2s;width:36px}.control-btn:hover{background:#0000001a;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.main{background:#1db954;color:#fff;font-size:18px;height:44px;width:44px}.control-btn.main:hover{background:#1ed760}.now-playing-device{color:#999;font-size:11px;margin-top:8px;text-align:center}@media (max-width:768px){.now-playing{border-radius:0;bottom:0;left:0;margin:0;position:fixed;right:0;z-index:1000}.now-playing-info{flex:1 1;max-width:none}.now-playing.expanded{min-width:auto}}.site-header{background:#121212;border-bottom:1px solid #282828;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.site-logo{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .2s}.site-logo:hover{color:#1db954}.site-nav{align-items:center;display:flex;gap:0}.nav-link{background:none!important;border:none!important;border-radius:0!important;color:#b3b3b3;cursor:pointer;font-size:.9rem;font-weight:500;padding:18px 16px;position:relative;text-decoration:none;transition:color .2s}.nav-link:after{background:#1db954;bottom:0;content:"";height:2px;left:16px;position:absolute;right:16px;transform:scaleX(0);transition:transform .2s}.nav-link:hover{color:#fff;text-decoration:none}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:#fff}.nav-link.active:after{transform:scaleX(1)}.header-actions{gap:12px}.header-actions,.sync-button{align-items:center;display:flex}.sync-button{background:#0000;border:1px solid #444;border-radius:20px;color:#b3b3b3;cursor:pointer;font-size:1rem;gap:6px;padding:8px 14px;transition:all .2s}.sync-button:hover:not(:disabled){border-color:#1db954;color:#1db954}.sync-button:disabled{cursor:not-allowed;opacity:.6}.sync-icon{display:inline-block;font-size:1.1rem}.sync-button.syncing .sync-icon{animation:spin 1s linear infinite}.sync-message{color:#1db954;font-size:.75rem}.user-dropdown{position:relative}.user-dropdown-trigger{align-items:center;background:#0000;border:1px solid #444;border-radius:20px;color:#b3b3b3;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 14px;transition:all .2s}.user-dropdown-trigger:hover{border-color:#1db954;color:#fff}.user-email{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.65rem;opacity:.7}.dropdown-menu{background:#1a1a2e;border:1px solid #333;border-radius:12px;box-shadow:0 8px 24px #0006;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;background:#0000;border:none;color:#ccc;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.dropdown-item:hover{background:#1db9541a;color:#fff}.dropdown-item.logout{color:#999}.dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}.dropdown-item .sync-icon{font-size:1rem}.dropdown-item .sync-icon.spinning{animation:spin 1s linear infinite}.dropdown-item .sync-msg{color:#1db954;font-size:.75rem;margin-left:auto}.dropdown-item:disabled{cursor:not-allowed;opacity:.6}.dropdown-divider{background:#333;height:1px;margin:4px 0}.dropdown-item.token-refresh{color:#eab308;text-decoration:none}.dropdown-item.token-refresh:hover{background:#eab30826;color:#facc15}.dropdown-item.error-msg{color:#ef4444;cursor:default;font-size:.8rem}.dropdown-item.error-msg:hover,.sync-indicator{background:#0000}.sync-indicator{border-radius:50%;height:10px;margin-right:8px;transition:all .3s;width:10px}.sync-indicator.syncing{animation:pulse 1s ease-in-out infinite;background:#f97316}.sync-indicator.success{background:#22c55e;box-shadow:0 0 8px #22c55e99}.sync-indicator.error{background:#ef4444;box-shadow:0 0 8px #ef444499}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.login-link{background:#1db954;border-radius:20px;color:#000;font-size:.85rem;font-weight:600;padding:8px 18px;text-decoration:none;transition:all .2s}.login-link:hover{background:#1ed760;text-decoration:none}@media (max-width:768px){.header-container{flex-direction:column;gap:8px;height:auto;padding:10px}.site-logo{font-size:1.1rem;padding:8px 0}.site-nav{flex-wrap:wrap;gap:0;justify-content:center;width:100%}.nav-link{font-size:.8rem;padding:10px 12px}.nav-link:after{left:12px;right:12px}.header-actions{position:absolute;right:10px;top:10px}.sync-button{font-size:.9rem;padding:6px 10px}.sync-message,.user-email{display:none}.logout-button{font-size:.75rem;padding:5px 10px}.login-link{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.site-logo{font-size:1rem}.nav-link{font-size:.75rem;padding:8px}.nav-link:after{left:8px;right:8px}}.playlist-list{margin:0 auto;max-width:1400px;padding:20px}.playlist-list-header{margin-bottom:30px;text-align:center}.playlist-list-header h2{color:#fff;font-size:2rem;margin-bottom:10px}.total-count{color:#b3b3b3;font-size:1rem}.playlists-grid{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin-bottom:30px;padding:0}.playlist-card{background:#181818;border:1px solid #282828;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:6px;padding:12px 16px;text-decoration:none;transition:all .3s}.playlist-card:hover{background:#282828;border-color:#1db954;transform:translateY(-2px)}.playlist-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.playlist-card-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.badges{align-items:center;display:flex;flex-shrink:0;gap:6px}.sold-out-badge{background:#708090;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;white-space:nowrap}.playlist-card-body{align-items:center;display:flex;justify-content:space-between}.playlist-name{color:#b3b3b3;font-size:.85rem;line-height:1.2;margin:0}.playlist-songs{color:#888;font-size:.8rem;margin:0}.playlist-card-footer{align-items:center;display:flex;justify-content:space-between}.spotify-icon-small{fill:#1db954;height:18px;width:18px}.loading-initial,.loading-more{color:#b3b3b3;padding:40px;text-align:center}.spinner,.spinner-small{animation:spin 1s linear infinite;border:4px solid #282828;border-radius:50%;border-top-color:#1db954;height:40px;margin:0 auto 15px;width:40px}.spinner-small{border-width:3px;height:30px;width:30px}.load-more-container{margin:30px 0;text-align:center}.btn-load-more{background:#1db954;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:background .3s}.btn-load-more:hover{background:#1ed760}.end-message{color:#b3b3b3}.end-message,.error{padding:40px;text-align:center}.error{color:#f44}@media (max-width:768px){.playlist-list{padding:10px}.playlist-list-header h2{font-size:1.5rem}.playlists-grid{gap:8px;grid-template-columns:1fr}.playlist-card{padding:10px 12px}.playlist-card-header h3{font-size:.95rem}}.playlist-view{margin:0 auto;max-width:1400px;padding:20px}.playlist-header{margin-bottom:30px;padding-bottom:20px}.playlist-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;width:100%}.playlist-title-section h1{color:#fff;font-size:2rem;margin:0}.sold-out-badge-large{background:#708090;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:5px 12px}.spotify-link{align-items:center;display:inline-flex;margin-left:auto;transition:transform .2s}.spotify-link:hover{transform:scale(1.1)}.spotify-icon{fill:#1db954;height:32px;width:32px}.playlist-info{color:#b3b3b3;margin:10px 0 0;width:100%}.playlist-table-container{background:#181818;border-radius:8px;overflow-x:auto}.playlist-table{border-collapse:collapse;color:#fff;width:100%}.playlist-table thead{background:#1a1a1a;border-bottom:1px solid #1db954;position:-webkit-sticky;position:sticky;top:0;z-index:10}.playlist-table th{border-bottom:none;color:#1db954;font-size:.7rem;font-weight:700;letter-spacing:1.5px;padding:14px 10px;text-align:left;text-transform:uppercase}.playlist-table th.col-position{color:#888;text-align:center}.playlist-table th.col-bpm{text-align:center}.playlist-table th.col-plays-last{padding-left:12px;text-align:left}.playlist-table td{border-bottom:1px solid #282828;padding:10px 8px;vertical-align:top}.playlist-table tbody tr:hover{background:#282828}.col-position{text-align:center;width:40px}.col-song{min-width:200px}.col-bpm{width:60px}.local-file-name,.song-link{color:#fff;font-size:.95rem;font-weight:500;line-height:1.3;text-decoration:none}.special-role-pills{display:inline-flex;gap:4px;margin-left:2px;margin-right:4px;vertical-align:middle}.special-pill{border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.special-pill.opener{background-color:#10b981}.special-pill.slow{background-color:#6366f1}.special-pill.sprint{background-color:#f59e0b}.special-pill.closer{background-color:#ef4444}.play-info:after{content:none}.plays-link{color:#fff;font-weight:600;text-decoration:none}.plays-link:hover{color:#1db954;text-decoration:underline}.debut-text{color:#b3b3b3;font-size:.95rem;font-weight:400}.playlist-actions{margin-top:30px;text-align:center}.playlist-view.error,.playlist-view.loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.playlist-view{padding:10px}.playlist-title-section{gap:10px;justify-content:flex-start}.playlist-title-section h1{flex:none;font-size:1.5rem}.sold-out-badge-large{order:2}.spotify-link{margin-left:auto;order:3}.playlist-info{order:4}.playlist-table-container{background:#0000}.playlist-table{font-size:.85rem}.playlist-table thead{top:0}.playlist-table thead th{font-size:.65rem;letter-spacing:.5px;padding:6px 3px}.playlist-table tbody td{padding:6px 3px}.col-position{color:#1db954;font-size:.9rem;font-weight:600;width:30px}.col-song{max-width:none;min-width:0;width:auto}.col-bpm{font-size:.85rem;width:45px}.col-plays-last{min-width:100px;padding-left:4px;width:auto}.song-info{gap:1px}.local-file-name,.song-link{font-size:.85rem;line-height:1.2}.artist-info{font-size:.75rem;line-height:1.1}.special-role-pills{gap:3px;margin-left:2px;margin-right:4px}.special-pill{font-size:9px;padding:2px 4px}.plays-last-combined{align-items:flex-start;flex-direction:column;font-size:.8rem;gap:2px}.play-info:after{content:none}.play-info .icon{display:inline;font-size:.65rem}.debut-text,.playlist-link{font-size:.75rem}.spotify-icon{height:24px;width:24px}.playlist-table td{border-bottom:1px solid #2a2a2a}}@media (max-width:480px){.playlist-title-section h1{font-size:1.25rem}.sold-out-badge-large{font-size:.75rem;padding:4px 8px}.playlist-table{font-size:.8rem}.playlist-table thead th{font-size:.6rem;padding:5px 2px}.playlist-table tbody td{padding:5px 2px}.col-position{font-size:.85rem;width:25px}.col-bpm{width:40px}.col-plays-last{min-width:90px;padding-left:3px;width:auto}.local-file-name,.song-link{font-size:.8rem}.artist-info{font-size:.7rem}.special-pill{font-size:8px;padding:1px 3px}.plays-last-combined{font-size:.75rem;gap:1px}.debut-text,.playlist-link{font-size:.7rem}}.artist-view{color:#fff;margin:0 auto;max-width:1400px;padding:20px}.artist-view.error,.artist-view.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.artist-header{border-bottom:2px solid #1db954;margin-bottom:30px;padding-bottom:20px}.artist-header h1{color:#fff;font-size:2.5rem;margin:0 0 10px}.artist-stats{color:#b3b3b3;font-size:1.1rem;margin:0}.songs-section{margin-bottom:40px}.songs-section h2{color:#fff;font-size:1.5rem;margin-bottom:20px}.songs-list{grid-gap:10px;display:grid;gap:10px}.song-card{align-items:center;background:#181818;border:1px solid #282828;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s}.song-card:hover{background:#282828;border-color:#1db954}.song-main{flex:1 1}.song-title{color:#fff;display:block;font-size:.95rem;font-weight:500;line-height:1.3;margin-bottom:3px;text-decoration:none}.song-title:hover{color:#1db954;text-decoration:underline}.collaborators{color:#b3b3b3;font-size:.8rem;line-height:1.2}.collab-link{color:#b3b3b3;text-decoration:none}.collab-link:hover{color:#fff;text-decoration:underline}.song-meta{align-items:center;color:#b3b3b3;display:flex;font-size:.85rem;gap:20px}.bpm{color:#888;font-weight:500}.plays{color:#1db954;font-weight:600}.last-played{color:#888}.artist-actions{margin-top:40px;text-align:center}@media (max-width:768px){.artist-view{padding:10px}.artist-header h1{font-size:1.8rem}.song-card{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 15px}.song-meta{flex-wrap:wrap;font-size:.8rem;gap:15px}}.song-view{color:#fff;margin:0 auto;max-width:1400px;padding:20px}.song-view.error,.song-view.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.song-header{border-bottom:2px solid #1db954;margin-bottom:30px;padding-bottom:20px;text-align:center}.song-header h1{color:#fff;font-size:2rem;margin:0 0 15px}.song-artists{color:#b3b3b3;font-size:1rem;margin-bottom:20px}.song-stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.stat-badge{background:#282828;border-radius:20px;color:#b3b3b3;font-size:.85rem;font-weight:600;padding:8px 16px}.stat-badge.local{background:#ff9800;color:#000}.stat-badge.instructor-bpm{background:#282828;color:#888;font-style:italic}.spotify-button{background:#1db954;border-radius:25px;color:#fff;display:inline-block;font-weight:600;margin-top:10px;padding:12px 30px;text-decoration:none;transition:background .3s}.spotify-button:hover{background:#1ed760}.special-roles-stats{background:#282828;border-radius:8px;margin-top:20px;padding:20px}.special-roles-stats h3{color:#1db954;font-size:1rem;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.role-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.role-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 16px}.role-badge.opener{background:#10b981}.role-badge.slow{background:#6366f1}.role-badge.sprint{background:#f59e0b}.role-badge.closer{background:#ef4444}.play-history{margin-bottom:40px}.play-history h2{color:#fff;font-size:1.5rem;margin-bottom:10px}.history-subtitle{color:#b3b3b3;font-size:1rem;margin-bottom:25px}.history-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.history-card{align-items:center;background:#181818;border:1px solid #282828;border-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:15px 20px;text-decoration:none;transition:all .3s}.history-card:hover{background:#282828;border-color:#1db954;transform:translateY(-2px)}.history-date{color:#fff;font-size:.9rem;font-weight:500}.history-position{color:#1db954;font-size:.95rem;font-weight:600}.song-actions{margin-top:40px;text-align:center}.btn-back{background:#1db954;transition:background .3s}.btn-back:hover{background:#1ed760}@media (max-width:768px){.song-view{padding:10px}.song-header h1{font-size:1.5rem}.song-artists{font-size:.9rem}.history-list{grid-template-columns:1fr}.history-card{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 15px}}.top-songs{margin:0 auto;max-width:1400px;padding:2rem}.top-songs-header{margin-bottom:2rem;text-align:center}.top-songs-header h1{color:#1db954;font-size:2.5rem;margin-bottom:.5rem}.top-songs-header .subtitle{color:#b3b3b3;font-size:1.1rem}.filters-section{background:#282828;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.role-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.role-filter label{color:#fff;font-weight:600;margin-right:.5rem}.btn-role{background:#181818;border:2px solid #404040;border-radius:20px;color:#b3b3b3;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-role:hover{border-color:#1db954;color:#fff;transform:translateY(-2px)}.btn-role.active{background:#1db954;border-color:#1db954;color:#000}.btn-role.opener.active{background:#10b981;border-color:#10b981}.btn-role.slow.active{background:#6366f1;border-color:#6366f1;color:#fff}.btn-role.sprint.active{background:#f59e0b;border-color:#f59e0b}.btn-role.closer.active{background:#ef4444;border-color:#ef4444;color:#fff}.bpm-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.bpm-filter label{color:#fff;font-weight:600}.bpm-input{background:#181818;border:1px solid #404040;border-radius:4px;color:#fff;font-size:1rem;padding:.5rem;width:80px}.bpm-input:focus{border-color:#1db954;outline:none}.to-label{color:#b3b3b3}.btn-apply,.btn-clear{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-apply{background:#1db954;color:#000}.btn-apply:hover{background:#1ed760;transform:scale(1.05)}.btn-clear{background:#404040;color:#fff}.btn-clear:hover{background:#505050}.sort-section{align-items:center;display:flex;gap:.75rem}.sort-section label{color:#fff;font-weight:600}.btn-sort{background:#181818;border:1px solid #404040;border-radius:4px;color:#b3b3b3;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-sort:hover{border-color:#1db954;color:#fff}.btn-sort.active{background:#1db954;border-color:#1db954;color:#000}.expanded-row{background:#1a1a1a!important}.expanded-row td{padding:1.5rem!important}.playlist-history{max-width:800px}.playlist-history h4{color:#1db954;font-size:1rem;margin-bottom:1rem}.playlist-history-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.playlist-history-list li{display:inline-block}.playlist-history-list a{background:#282828;border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;padding:.4rem .8rem;text-decoration:none;transition:all .2s}.playlist-history-list a:hover{background:#1db954;color:#000;transform:translateY(-2px)}.loading-history,.no-history{color:#b3b3b3;font-style:italic}.col-play{width:40px}.col-plays{width:80px}.col-last{text-align:center;width:120px}.col-expand{text-align:center;width:50px}.btn-expand{background:none;border:none;color:#1db954;cursor:pointer;font-size:1rem;padding:.25rem .5rem;transition:transform .2s}.btn-expand:hover{transform:scale(1.2)}.song-link,.song-name{color:#fff;font-size:.95rem;font-weight:500;line-height:1.3;text-decoration:none}.top-songs-actions{margin-top:2rem;text-align:center}.top-songs.error{padding:3rem;text-align:center}.top-songs.error h2{color:#f44;margin-bottom:1rem}@media (max-width:768px){.filters-section,.top-songs{padding:1rem}.role-filter{justify-content:center}.btn-role{font-size:.8rem;padding:.4rem .8rem}.bpm-filter,.sort-section{justify-content:center}.songs-table-container{overflow-x:auto}.songs-table thead{top:0}.songs-table thead th{font-size:.65rem;letter-spacing:.5px;padding:6px 3px}.songs-table tbody td{font-size:.85rem;padding:.5rem .25rem}.col-rank{color:#1db954;font-size:.9rem;font-weight:600;width:30px}.col-expand{width:40px}.btn-expand{font-size:.9rem}.expanded-row td{padding:1rem!important}.playlist-history h4{font-size:.9rem}.playlist-history-list{gap:.4rem}.playlist-history-list a{font-size:.75rem;padding:.3rem .6rem}}.instructor-filters{border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;padding-top:15px}.filter-checkbox{align-items:center;border:1px solid #444;border-radius:6px;color:#aaa;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 14px;transition:all .2s}.filter-checkbox:hover{border-color:#1db954;color:#fff}.filter-checkbox.hide-colorado{border-color:#f97316}.filter-checkbox.hide-colorado:hover{border-color:#fb923c}.filter-checkbox.one-hit-wonders{border-color:#8b5cf6}.filter-checkbox.one-hit-wonders:hover{border-color:#a78bfa}.filter-checkbox input[type=checkbox]{accent-color:#1db954;cursor:pointer;height:16px;width:16px}.top-artists{color:#fff;margin:0 auto;max-width:1400px;padding:2rem}.top-artists-header{margin-bottom:2rem;text-align:center}.top-artists-header h1{color:#1db954;font-size:2.5rem;margin-bottom:.5rem}.top-artists-header .subtitle{color:#b3b3b3;font-size:1.1rem}.artists-table-container{background:#181818;border-radius:8px;margin-bottom:2rem;overflow:hidden}.artists-table{border-collapse:collapse;width:100%}.artists-table thead{background:#1a1a1a;border-bottom:1px solid #1db954;position:-webkit-sticky;position:sticky;top:0;z-index:10}.artists-table th{border-bottom:none;color:#1db954;font-size:.7rem;font-weight:700;letter-spacing:1.5px;padding:14px 10px;text-align:left;text-transform:uppercase}.artists-table tbody tr{border-bottom:1px solid #282828;transition:background .2s}.artists-table tbody tr:hover{background:#282828}.artists-table td{color:#fff;padding:1rem}.col-artist{width:auto}.col-songs{color:#b3b3b3;text-align:center;width:100px}.col-plays{color:#1db954;font-weight:600;width:100px}.col-last{color:#b3b3b3;font-size:.9rem;width:150px}.artist-link{color:#fff;font-weight:500;transition:color .2s}.artist-link:hover{color:#1db954}.loading,.no-results{color:#b3b3b3;padding:3rem;text-align:center}.spinner{margin:0 auto 1rem}.top-artists-actions{margin-top:2rem;text-align:center}.btn-back{background:#282828;border-radius:4px;color:#fff;padding:.75rem 1.5rem;transition:all .2s}.btn-back:hover{transform:translateX(-5px)}.top-artists.error{padding:3rem;text-align:center}.top-artists.error h2{color:#f44;margin-bottom:1rem}@media (max-width:768px){.top-artists{padding:1rem}.top-artists-header h1{font-size:1.8rem}.artists-table-container{overflow-x:visible}.artists-table thead{top:0}.artists-table thead th{font-size:.65rem;letter-spacing:.5px;padding:6px 3px}.artists-table tbody td{font-size:.85rem;padding:.5rem .25rem}.col-rank{width:30px}.col-plays,.col-songs{font-size:.85rem;width:60px}.col-last{display:none}}.search-page{color:#fff;margin:0 auto;max-width:1400px;padding:20px}.search-header{margin-bottom:30px;text-align:center}.search-header h1{color:#fff;font-size:2.5rem;margin-bottom:10px}.search-header .subtitle{color:#b3b3b3;font-size:1.1rem}.search-form{display:flex;gap:10px;margin:0 auto 40px;max-width:700px}.search-input{background:#181818;border:2px solid #282828;border-radius:25px;color:#fff;flex:1 1;font-size:1rem;padding:15px 20px;transition:border-color .2s}.search-input:focus{border-color:#1db954;outline:none}.search-input::placeholder{color:#666}.search-button{background:#1db954;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .2s}.search-button:hover{background:#1ed760;transform:scale(1.05)}.no-results,.search-error,.search-loading{color:#b3b3b3;padding:60px 20px;text-align:center}.spinner{border:4px solid #282828;border-top-color:#1db954;margin:0 auto 15px}.no-results p{font-size:1.1rem;margin-bottom:20px}.no-results-hint{color:#888;font-size:.95rem;line-height:1.8}.search-error{color:#f44}.search-results{display:flex;flex-direction:column;gap:40px}.results-section h2{border-bottom:2px solid #1db954;color:#fff;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.songs-table-container{background:#181818;border-radius:8px;margin-bottom:2rem;overflow:hidden}.songs-table{border-collapse:collapse;width:100%}.songs-table thead{background:#1a1a1a;border-bottom:1px solid #1db954;position:-webkit-sticky;position:sticky;top:0;z-index:10}.songs-table th{border-bottom:none;color:#1db954;font-size:.7rem;font-weight:700;letter-spacing:1.5px;padding:14px 10px;text-align:left;text-transform:uppercase}.songs-table tbody tr{border-bottom:1px solid #282828;transition:background .2s}.songs-table tbody tr:hover{background:#282828}.songs-table td{color:#fff;padding:1rem;vertical-align:top}td.col-bpm{color:#888}.col-rank{color:#b3b3b3;font-weight:600;text-align:center;width:50px}.col-song{width:auto}.col-bpm{font-weight:600;width:80px}.instructor-bpm{color:#888;font-style:italic;font-weight:500}.col-plays-last{padding-left:12px;text-align:left;width:180px}.song-info{display:flex;flex-direction:column;gap:2px}.song-link{color:#fff;font-size:.95rem;font-weight:500;line-height:1.3;text-decoration:none}.song-link:hover{color:#1db954;text-decoration:underline}.artist-info{color:#b3b3b3;font-size:.8rem;line-height:1.2}.plays-last-combined{align-items:flex-start;display:flex;flex-direction:column;font-size:.95rem;gap:2px}.date-info,.play-info{align-items:center;display:flex;gap:5px}.play-info .icon{display:none}.plays-count{color:#fff;font-weight:600}.playlist-link{color:#b3b3b3;font-size:.95rem;font-weight:500;text-decoration:none}.playlist-link:hover{color:#fff;text-decoration:underline}.date-text{color:#b3b3b3;font-size:.95rem;font-weight:400}.results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.result-card{align-items:center;background:#181818;border:1px solid #282828;border-radius:8px;color:#fff;display:flex;gap:15px;justify-content:space-between;padding:15px 20px;text-decoration:none;transition:all .3s}.result-card:hover{background:#282828;border-color:#1db954;transform:translateY(-2px)}.result-main{flex:1 1;min-width:0}.result-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:4px}.result-subtitle,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle{color:#b3b3b3;font-size:.85rem}.artist-link{color:#b3b3b3;text-decoration:none}.artist-link:hover{color:#fff;text-decoration:underline}.result-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;font-size:.85rem;gap:5px}.meta-bpm{color:#888;font-style:italic;font-weight:500}.meta-plays{color:#1db954;font-weight:600}@media (max-width:768px){.search-page{padding:10px}.search-header h1{font-size:1.8rem}.search-form{flex-direction:column}.search-button,.search-input{width:100%}.results-grid{gap:10px;grid-template-columns:1fr}.result-card{align-items:flex-start;flex-direction:column;gap:10px}.result-meta{align-items:center;flex-direction:row;gap:10px}.songs-table-container{overflow-x:visible}.songs-table thead th{font-size:.65rem;letter-spacing:.5px;padding:6px 3px}.songs-table tbody td{font-size:.85rem;padding:.5rem .25rem}.col-rank{color:#1db954;font-size:.9rem;font-weight:600;width:30px}.col-song{width:auto}.col-bpm{font-size:.85rem;width:45px}.col-plays-last{min-width:100px;padding-left:4px;width:auto}.song-info{gap:1px}.song-link{font-size:.85rem;line-height:1.2}.artist-info{font-size:.75rem;line-height:1.1}.play-info .icon{display:inline;font-size:.65rem}.plays-last-combined{font-size:.8rem}.date-text,.playlist-link{font-size:.75rem}}.generator{margin:0 auto;max-width:1100px;padding:20px}.generator-unauthorized{background:#1a1a2e;border-radius:12px;margin:100px auto;max-width:500px;padding:40px;text-align:center}.generator-unauthorized h1{font-size:2rem;margin-bottom:20px}.generator-unauthorized .hint{color:#888;font-size:.9rem}.generator-unauthorized code{background:#333;border-radius:4px;font-family:monospace;padding:4px 8px}.generator-header{margin-bottom:30px;text-align:center}.generator-header h1{font-size:2.5rem;margin-bottom:15px}.stats{color:#1db954;font-size:1.1rem}.stat-divider{color:#666;margin:0 10px}.generator-actions{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.btn-create,.btn-generate{border:none;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .2s}.btn-generate{background:#1db954;color:#fff}.btn-generate:hover:not(:disabled){background:#1ed760;transform:scale(1.02)}.btn-create{background:#7c3aed;color:#fff}.btn-create:hover:not(:disabled){background:#8b5cf6;transform:scale(1.02)}.btn-create:disabled,.btn-generate:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#dc2626;border-radius:8px;color:#fff;margin-bottom:20px;padding:15px 20px;text-align:center}.success-message{background:linear-gradient(135deg,#1db954,#1ed760);border-radius:12px;color:#fff;margin-bottom:30px;padding:25px;text-align:center}.success-message h3{font-size:1.5rem;margin:0 0 10px}.success-message p{margin:5px 0}.spotify-link{background:#0000004d;border-radius:20px;color:#fff;display:inline-block;font-weight:600;margin-top:15px;padding:10px 25px;text-decoration:none;transition:background .2s}.spotify-link:hover{background:#00000080}.playlist-preview{background:#1a1a2e;border-radius:12px;margin-bottom:30px;padding:25px}.playlist-preview h2{margin:0 0 10px}.playlist-summary{color:#888;margin-bottom:20px}.playlist-tracks{display:flex;flex-direction:column;gap:8px}.playlist-tracks .track-row{grid-gap:12px;align-items:center;background:#ffffff0d;border-bottom:none;border-radius:8px;display:grid;gap:12px;grid-template-columns:32px 90px 1fr 60px 90px;padding:12px 16px;transition:background .2s}.playlist-tracks .track-row:hover{background:#ffffff1a}.playlist-tracks .track-position{align-items:center;background:#333;border-radius:50%;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.playlist-tracks .track-type{border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:6px 12px;text-align:center;text-transform:uppercase;white-space:nowrap}.playlist-tracks .track-info{min-width:0;overflow:hidden}.playlist-tracks .track-name{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:6px;line-height:1.3;margin-bottom:3px}.playlist-tracks .track-artist,.playlist-tracks .track-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-tracks .track-artist{color:#888;font-size:.9rem;line-height:1.3}.playlist-tracks .track-bpm{align-items:center;display:flex;flex-direction:column;justify-content:center}.playlist-tracks .bpm-value{color:#1db954;font-size:1.3rem;font-weight:700}.playlist-tracks .bpm-label{color:#666;font-size:.6rem;text-transform:uppercase}.playlist-tracks .track-target{color:#666;font-size:.8rem;text-align:right;white-space:nowrap}.playlist-tracks .track-last-played{color:#555;font-size:.7rem;margin-top:2px}.generator-rules{background:#1a1a2e;border-radius:12px;padding:25px}.generator-rules h3{color:#1db954;margin:0 0 15px}.generator-rules ul{list-style:none;margin:0;padding:0}.generator-rules li{color:#ccc;padding:8px 0}@media (max-width:768px){.playlist-tracks .track-row{gap:8px;grid-template-columns:28px 70px 1fr 50px;padding:10px 12px}.playlist-tracks .track-target{display:none}.playlist-tracks .track-type{font-size:.6rem;padding:4px 8px}.playlist-tracks .track-position{font-size:.8rem;height:28px;width:28px}.generator-actions{flex-direction:column}.btn-create,.btn-generate{width:100%}}.generator-nav{margin-top:15px}.generator-nav .generator-nav-link{border:1px solid #1db954;border-radius:20px;color:#1db954;font-size:1rem;padding:8px 16px;text-decoration:none;transition:all .2s}.generator-nav .generator-nav-link:hover{background:#1db95426}.generation-summary{background:#1a1a2e;border-radius:10px;display:flex;gap:20px;justify-content:center;margin-bottom:20px;padding:15px}.summary-stat{align-items:center;display:flex;flex-direction:column}.summary-label{color:#888;font-size:.8rem;text-transform:uppercase}.summary-value{color:#1db954;font-size:1.3rem;font-weight:700}.playlist-tracks .track-row.curated{border-left:3px solid #eab308}.curated-badge{flex-shrink:0;font-size:.85rem}:root{--v3-bg-base:#0f1117;--v3-bg-card:#1a1d27;--v3-bg-hover:#22263a;--v3-bg-input:#13151d;--v3-border:#2a2d37;--v3-border-active:#7dd3fc;--v3-text:#e0e0e0;--v3-text-dim:#888;--v3-text-muted:#555;--v3-accent:#7dd3fc;--v3-green:#22c55e;--v3-red:#ef4444;--v3-yellow:#eab308;--v3-orange:#f97316;--v3-pink:#ec4899;--v3-purple:#8b5cf6;--v3-cyan:#06b6d4;--v3-blue:#3b82f6}.v3-app{background:#0f1117;background:var(--v3-bg-base);color:#e0e0e0;color:var(--v3-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;height:100vh;overflow:hidden}.v3-app *{box-sizing:border-box}.v3-sync-banner{animation:slideDown .3s ease-out;border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);font-size:13px;font-weight:500;padding:8px 16px;text-align:center}.v3-sync-banner-syncing{background:#e3f2fd;color:#1976d2}.v3-sync-banner-success{background:#e8f5e9;color:#388e3c}.v3-sync-banner-error{background:#ffebee;color:#d32f2f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.v3-header{align-items:center;background:#1a1d27;background:var(--v3-bg-card);border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);display:flex;flex-shrink:0;gap:16px;padding:12px 24px}.v3-header h1{font-size:1.2rem;margin:0;white-space:nowrap}.v3-header h1 a{color:#e0e0e0;color:var(--v3-text);text-decoration:none}.v3-playlist-name-input{background:#13151d;background:var(--v3-bg-input);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#888;color:var(--v3-text-dim);font-size:13px;padding:6px 12px;width:180px}.v3-header-actions{display:flex;gap:8px;margin-left:auto}.v3-success-bar{background:#22c55e1a;border-bottom:1px solid #22c55e4d;color:#22c55e;color:var(--v3-green);font-size:13px;padding:10px 24px}.v3-success-bar a{color:#7dd3fc;color:var(--v3-accent);margin-left:4px}.v3-layout{display:grid;flex:1 1;grid-template-columns:65fr 35fr;min-height:0;overflow:hidden}.v3-main{overflow-y:auto;padding:20px}.v3-sidebar{border-left:1px solid #2a2d37;border-left:1px solid var(--v3-border);display:flex;flex-direction:column;overflow-y:hidden}.v3-btn,.v3-sidebar{background:#1a1d27;background:var(--v3-bg-card)}.v3-btn{border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:8px;color:#e0e0e0;color:var(--v3-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.v3-btn:hover{background:#22263a;background:var(--v3-bg-hover);border-color:#7dd3fc;border-color:var(--v3-accent)}.v3-btn:disabled{cursor:not-allowed;opacity:.5}.v3-btn-primary{background:#7dd3fc;background:var(--v3-accent);border-color:#7dd3fc;border-color:var(--v3-accent);color:#000;font-weight:600}.v3-btn-primary:hover{background:#5bc4f0}.v3-btn-sm{font-size:12px;padding:4px 10px}.v3-btn-success{background:#22c55e;background:var(--v3-green);border-color:#22c55e;border-color:var(--v3-green);color:#000;font-weight:600}.v3-btn-success:hover{background:#1ea64e}.v3-shell-generator{background:#1a1d27;background:var(--v3-bg-card);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:12px;margin-bottom:20px;padding:20px}.v3-shell-generator h2{font-size:1rem;margin:0 0 14px}.v3-shell-options{align-items:flex-end;display:flex;gap:16px}.v3-shell-field{display:flex;flex-direction:column;gap:4px}.v3-shell-field label{color:#888;color:var(--v3-text-dim);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.v3-shell-field select{background:#13151d;background:var(--v3-bg-input);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#e0e0e0;color:var(--v3-text);font-size:13px;padding:8px 12px}.v3-playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.v3-playlist-header h3{color:#888;color:var(--v3-text-dim);font-size:.85rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.v3-playlist-meta{color:#888;color:var(--v3-text-dim);display:flex;font-size:12px;gap:16px}.v3-playlist-meta .good{color:#22c55e;color:var(--v3-green)}.v3-playlist-slots{display:flex;flex-direction:column;gap:2px}.v3-slot{grid-gap:6px;align-items:center;background:#1a1d27;background:var(--v3-bg-card);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:8px;display:grid;gap:6px;grid-template-columns:28px 1fr 44px 36px 72px auto;padding:10px 14px;transition:all .15s}.v3-slot:hover{border-color:#7dd3fc;border-color:var(--v3-border-active)}.v3-slot.empty{border-style:dashed;opacity:.7}.v3-slot.drag-over{background:#7dd3fc0d;border-color:#7dd3fc;border-color:var(--v3-accent)}.v3-slot.dragging{opacity:.4}.v3-slot-drag{color:#555;color:var(--v3-text-muted);cursor:grab;font-size:14px;text-align:center;-webkit-user-select:none;user-select:none}.v3-slot-song{display:flex;flex-direction:column;gap:1px;min-width:0}.v3-slot-song-name{font-size:14px;font-weight:500}.v3-slot-song-artist,.v3-slot-song-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-slot-song-artist{color:#888;color:var(--v3-text-dim);font-size:12px}.v3-slot-label{font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.v3-slot-label.opener{color:#22c55e;color:var(--v3-green)}.v3-slot-label.slow{color:#ec4899;color:var(--v3-pink)}.v3-slot-label.sprint{color:#eab308;color:var(--v3-yellow)}.v3-slot-label.closer{color:#22c55e;color:var(--v3-green)}.v3-slot-bpm{color:#7dd3fc;color:var(--v3-accent);font-size:13px;font-weight:600;text-align:right}.v3-slot-plays{color:#888;color:var(--v3-text-dim);font-size:12px;text-align:right}.v3-slot-last{font-size:11px;text-align:right;white-space:nowrap}.v3-slot-empty-label,.v3-slot-last{color:#555;color:var(--v3-text-muted)}.v3-slot-empty-label{font-size:13px;font-style:italic}.v3-slot-actions{align-items:center;display:flex;gap:4px;justify-content:flex-end}.v3-label-buttons{display:flex;gap:2px}.v3-label-btn{align-items:center;background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:4px;color:#555;color:var(--v3-text-muted);cursor:pointer;display:flex;font-size:9px;font-weight:700;height:20px;justify-content:center;transition:all .12s;width:20px}.v3-label-btn:hover{border-color:#7dd3fc;border-color:var(--v3-accent);color:#7dd3fc;color:var(--v3-accent)}.v3-label-btn.opener{background:#22c55e33;border-color:#22c55e;border-color:var(--v3-green);color:#22c55e;color:var(--v3-green)}.v3-label-btn.slow{background:#ec489933;border-color:#ec4899;border-color:var(--v3-pink);color:#ec4899;color:var(--v3-pink)}.v3-label-btn.sprint{background:#eab30833;border-color:#eab308;border-color:var(--v3-yellow);color:#eab308;color:var(--v3-yellow)}.v3-label-btn.closer{background:#22c55e33;border-color:#22c55e;border-color:var(--v3-green);color:#22c55e;color:var(--v3-green)}.v3-remove-btn{background:none;border:none;color:#555;color:var(--v3-text-muted);cursor:pointer;font-size:13px;padding:2px 4px}.v3-remove-btn:hover{color:#ef4444;color:var(--v3-red)}.v3-add-slot-btn{align-items:center;background:none;border:1px dashed #2a2d37;border:1px dashed var(--v3-border);border-radius:8px;color:#888;color:var(--v3-text-dim);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:4px;padding:10px;transition:all .15s;width:100%}.v3-add-slot-btn:hover{border-color:#7dd3fc;border-color:var(--v3-accent);color:#7dd3fc;color:var(--v3-accent)}.v3-add-slot-btn.drag-over{background:#22c55e1a;border-color:#22c55e;border-color:var(--v3-green);border-style:solid;border-width:2px;color:#22c55e;color:var(--v3-green)}.v3-checklist{background:#1a1d27;background:var(--v3-bg-card);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:12px;margin-top:16px;padding:16px}.v3-checklist h3{align-items:center;color:#888;color:var(--v3-text-dim);display:flex;font-size:.8rem;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.v3-checklist-count{background:#22c55e26;border-radius:10px;color:#22c55e;color:var(--v3-green);font-size:11px;font-weight:600;padding:2px 8px}.v3-checklist-grid{grid-gap:6px 20px;display:grid;gap:6px 20px;grid-template-columns:1fr 1fr}.v3-checklist-group-label{font-size:10px;font-weight:700;grid-column:1/-1;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.v3-checklist-group-label:not(:first-child){margin-top:8px}.v3-checklist-group-label.hard{color:#ef4444;color:var(--v3-red)}.v3-checklist-group-label.structure{color:#7dd3fc;color:var(--v3-accent)}.v3-checklist-group-label.variety{color:#8b5cf6;color:var(--v3-purple)}.v3-check-item{align-items:center;cursor:default;display:flex;font-size:13px;gap:8px;padding:4px 0}.v3-check-circle{align-items:center;border:2px solid #555;border:2px solid var(--v3-text-muted);border-radius:50%;display:flex;flex-shrink:0;font-size:10px;height:18px;justify-content:center;transition:all .15s;width:18px}.v3-check-circle.passed{background:#22c55e;background:var(--v3-green);border-color:#22c55e;border-color:var(--v3-green);color:#000;font-weight:700}.v3-check-circle.failed{border-color:#ef4444;color:#ef4444;font-weight:700}.v3-check-circle.unknown{background:#ffffff1a;border-color:#fff3;color:#ffffff4d;font-size:12px}.v3-bpm-curve{background:#1a1d27;background:var(--v3-bg-card);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:12px;margin-top:16px;padding:16px}.v3-bpm-curve h3{color:#888;color:var(--v3-text-dim);font-size:.8rem;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.v3-bpm-bars{align-items:flex-end;display:flex;gap:4px;height:80px}.v3-bpm-bar{border-radius:4px 4px 0 0;flex:1 1;min-height:8px;position:relative;transition:height .3s}.v3-bpm-bar-label{bottom:-18px;color:#555;color:var(--v3-text-muted)}.v3-bpm-bar-label,.v3-bpm-bar-value{font-size:10px;left:50%;position:absolute;transform:translateX(-50%)}.v3-bpm-bar-value{color:#888;color:var(--v3-text-dim);top:-16px}.v3-sidebar-header{border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);flex-shrink:0;padding:14px 16px}.v3-sidebar-tabs{background:#0f1117;background:var(--v3-bg-base);border-radius:8px;display:flex;gap:2px;padding:2px}.v3-sidebar-tab{background:none;border:none;border-radius:6px;color:#888;color:var(--v3-text-dim);cursor:pointer;flex:1 1;font-size:11px;font-weight:500;padding:6px;text-align:center;transition:all .15s}.v3-sidebar-tab.active{background:#1a1d27;background:var(--v3-bg-card);color:#e0e0e0;color:var(--v3-text);font-weight:600}.v3-sidebar-freshness{border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);flex-shrink:0;padding:10px 16px}.v3-freshness-check{align-items:center;background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:12px;cursor:pointer;display:flex;gap:6px;padding:3px 10px;transition:all .12s;-webkit-user-select:none;user-select:none}.v3-freshness-check:hover{border-color:#7dd3fc;border-color:var(--v3-accent)}.v3-freshness-check input[type=checkbox]{accent-color:#22c55e;accent-color:var(--v3-green);cursor:pointer;flex-shrink:0;height:14px;width:14px}.v3-check-label{color:#888;color:var(--v3-text-dim);font-size:11px;font-weight:600;white-space:nowrap}.v3-freshness-check input[type=checkbox]:checked+.v3-check-label{color:#7dd3fc;color:var(--v3-accent)}.v3-search-bar{border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);display:flex;gap:8px;padding:10px 16px}.v3-search-bar input{background:#13151d;background:var(--v3-bg-input);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#e0e0e0;color:var(--v3-text);flex:1 1;font-size:13px;padding:7px 10px}.v3-search-bar input::placeholder{color:#555;color:var(--v3-text-muted)}.v3-bpm-chips{border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;padding:10px 16px}.v3-bpm-chip{background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#888;color:var(--v3-text-dim);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .12s;white-space:nowrap}.v3-bpm-chip.active,.v3-bpm-chip:hover{border-color:#7dd3fc;border-color:var(--v3-accent);color:#7dd3fc;color:var(--v3-accent)}.v3-bpm-chip.active{background:#7dd3fc1a}.v3-bpm-clear-btn{background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#ef4444;color:var(--v3-red);cursor:pointer;font-size:11px;font-weight:600;margin-left:4px;padding:4px 10px;transition:all .12s}.v3-bpm-clear-btn:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--v3-red)}.v3-bpm-number-filter{align-items:center;border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);display:flex;flex-shrink:0;gap:8px;padding:10px 16px}.v3-bpm-number-input{background:#13151d;background:var(--v3-bg-input);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#e0e0e0;color:var(--v3-text);font-size:13px;padding:6px 8px;text-align:center;width:60px}.v3-bpm-clear-btn-inline{background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#ef4444;color:var(--v3-red);cursor:pointer;font-size:11px;font-weight:600;margin-left:8px;padding:4px 10px;transition:all .12s}.v3-bpm-clear-btn-inline:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--v3-red)}.v3-selected-bpm-label{border-bottom:1px solid #ffffff0a;color:#888;color:var(--v3-text-dim);flex-shrink:0;font-size:12px;font-weight:600;padding:6px 16px}.v3-bpm-slider-container{border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);flex-shrink:0;padding:12px 16px}.v3-bpm-slider-label{color:#888;color:var(--v3-text-dim);font-size:12px;font-weight:600;margin-bottom:12px}.v3-bpm-sliders{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.v3-bpm-slider-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:32px 1fr 40px}.v3-bpm-slider-row label{color:#888;color:var(--v3-text-dim);font-size:11px;font-weight:600}.v3-bpm-range-input{-webkit-appearance:none;appearance:none;background:#13151d;background:var(--v3-bg-input);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.v3-bpm-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#7dd3fc;background:var(--v3-accent);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:all .15s;transition:all .15s;width:14px}.v3-bpm-range-input::-webkit-slider-thumb:hover{background:#5bc4f0;transform:scale(1.1)}.v3-bpm-range-input::-moz-range-thumb{background:#7dd3fc;background:var(--v3-accent);border:none;border-radius:50%;cursor:pointer;height:14px;-moz-transition:all .15s;transition:all .15s;width:14px}.v3-bpm-range-input::-moz-range-thumb:hover{background:#5bc4f0;transform:scale(1.1)}.v3-bpm-value{color:#e0e0e0;color:var(--v3-text);font-size:12px;font-weight:600;text-align:right}.v3-bpm-presets{display:flex;flex-wrap:wrap;gap:4px}.v3-bpm-preset-btn{background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:4px;color:#888;color:var(--v3-text-dim);cursor:pointer;font-size:10px;font-weight:600;padding:3px 8px;transition:all .12s;white-space:nowrap}.v3-bpm-preset-btn:hover{border-color:#7dd3fc;border-color:var(--v3-accent);color:#7dd3fc;color:var(--v3-accent)}.v3-sidebar-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.v3-song-list{flex:1 1;overflow-y:auto}.v3-song-item{grid-gap:6px;align-items:center;border-bottom:1px solid #ffffff0a;cursor:grab;display:grid;gap:6px;grid-template-columns:1fr 36px 36px 24px 28px;padding:10px 16px;transition:background .1s}.v3-song-item:hover{background:#22263a;background:var(--v3-bg-hover)}.v3-song-item.hidden-recent{opacity:.4}.v3-song-item-info{min-width:0}.v3-song-item-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-song-item-meta{display:flex;gap:8px}.v3-song-item-meta,.v3-song-item-plays{color:#888;color:var(--v3-text-dim);font-size:11px}.v3-song-item-plays{text-align:right}.v3-song-item-bpm{color:#7dd3fc;color:var(--v3-accent);font-size:13px;font-weight:600;text-align:right}.v3-song-item-add{align-items:center;background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#22c55e;color:var(--v3-green);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .12s;width:28px}.v3-song-item-add:hover{background:#22c55e26;border-color:#22c55e;border-color:var(--v3-green)}.v3-rank-badge{color:#eab308;color:var(--v3-yellow);display:inline-block;font-size:11px;font-weight:700;min-width:24px}.v3-in-library{color:#22c55e;color:var(--v3-green);font-size:10px;font-weight:600}.v3-sort-row{border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);display:flex;flex-shrink:0;gap:6px;padding:8px 16px}.v3-sort-btn{background:none;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:12px;color:#888;color:var(--v3-text-dim);cursor:pointer;font-size:11px;padding:3px 10px;transition:all .12s}.v3-sort-btn.active{border-color:#7dd3fc;border-color:var(--v3-accent);color:#7dd3fc;color:var(--v3-accent)}.v3-bpm-filter{align-items:center;display:flex;gap:4px;margin-left:auto}.v3-bpm-filter-label{color:#888;color:var(--v3-text-dim);font-size:11px}.v3-bpm-filter input{background:#13151d;background:var(--v3-bg-input);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:4px;color:#e0e0e0;color:var(--v3-text);font-size:11px;padding:2px 6px;text-align:center;width:50px}.v3-bpm-filter input:focus{border-color:#7dd3fc;border-color:var(--v3-accent);outline:none}.v3-status-bar{background:#0f1117;background:var(--v3-bg-base);border-top:1px solid #2a2d37;border-top:1px solid var(--v3-border);color:#888;color:var(--v3-text-dim);display:flex;flex-shrink:0;font-size:12px;justify-content:space-between;padding:12px 16px}.v3-loading{color:#888;color:var(--v3-text-dim)}.v3-empty-message,.v3-loading{font-size:13px;padding:24px 16px;text-align:center}.v3-empty-message{color:#555;color:var(--v3-text-muted)}.v3-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.v3-modal{background:#1a1d27;background:var(--v3-bg-card);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.v3-modal-header{align-items:center;border-bottom:1px solid #2a2d37;border-bottom:1px solid var(--v3-border);display:flex;justify-content:space-between;padding:16px 20px}.v3-modal-header h3{font-size:1rem;margin:0}.v3-modal-close{background:none;border:none;color:#888;color:var(--v3-text-dim);cursor:pointer;font-size:18px}.v3-modal-close:hover{color:#e0e0e0;color:var(--v3-text)}.v3-modal-body{overflow-y:auto;padding:20px}.v3-settings-form{gap:16px}.v3-setting-row,.v3-settings-form{display:flex;flex-direction:column}.v3-setting-row{gap:4px}.v3-setting-row label{color:#888;color:var(--v3-text-dim);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.v3-setting-row input,.v3-setting-row select{background:#13151d;background:var(--v3-bg-input);border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:6px;color:#e0e0e0;color:var(--v3-text);font-size:13px;padding:8px 12px}.v3-drafts-list{display:flex;flex-direction:column;gap:4px}.v3-draft-item{align-items:center;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .15s}.v3-draft-item:hover{background:#22263a;background:var(--v3-bg-hover);border-color:#7dd3fc;border-color:var(--v3-accent)}.v3-draft-left{gap:8px}.v3-draft-left,.v3-draft-right{align-items:center;display:flex}.v3-draft-right{gap:10px}.v3-draft-name{font-weight:500}.v3-draft-meta{color:#888;color:var(--v3-text-dim);font-size:12px}.v3-draft-delete{background:none;border:none;cursor:pointer;font-size:14px;opacity:.4;padding:4px;transition:opacity .15s}.v3-draft-delete:hover{opacity:1}.v3-draft-no-spotify{font-size:14px}.v3-draft-group{border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:8px;overflow:hidden}.v3-draft-item-main{border:none;border-radius:0}.v3-draft-expand{background:#ffffff14;border:none;border-radius:4px;color:#888;color:var(--v3-text-dim,#888);cursor:pointer;font-size:11px;padding:2px 8px;transition:all .15s}.v3-draft-expand:hover{background:#ffffff26;color:#e0e0e0;color:var(--v3-text)}.v3-draft-versions{background:#0003;border-top:1px solid #2a2d37;border-top:1px solid var(--v3-border)}.v3-draft-item-version{border:none;border-bottom:1px solid #ffffff0a;border-radius:0;opacity:.75;padding-left:32px}.v3-draft-item-version:last-child{border-bottom:none}.v3-draft-item-version:hover{opacity:1}.v3-collections-grid{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding:8px}.v3-collection-folder{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:#e0e0e0;color:var(--v3-text);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;text-align:left;transition:all .15s}.v3-collection-folder:hover{background:#22263a;background:var(--v3-bg-hover);border-color:#2a2d37;border-color:var(--v3-border)}.v3-collection-icon{flex-shrink:0;font-size:16px}.v3-collection-name{flex:1 1;font-weight:500}.v3-collection-count{background:#ffffff0f;border-radius:10px;color:#888;color:var(--v3-text-dim);font-size:11px;padding:2px 8px}.v3-open-section-label{color:#888;color:var(--v3-text-dim,#888);font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 0 8px;text-transform:uppercase}.v3-draft-version-label{color:#7dd3fc;color:var(--v3-accent,#4ade80);font-size:11px;font-weight:600;min-width:24px}.v3-playlists-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.v3-playlist-list-item{align-items:center;border:1px solid #2a2d37;border:1px solid var(--v3-border);border-radius:8px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px 14px;transition:all .15s}.v3-playlist-list-item:hover{background:#22263a;background:var(--v3-bg-hover);border-color:#7dd3fc;border-color:var(--v3-accent)}.v3-playlist-list-name{flex:1 1;font-size:13px;font-weight:500}.v3-playlist-list-meta{color:#888;color:var(--v3-text-dim);flex-shrink:0;font-size:12px}.v3-playlist-list-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.v3-playlist-no-spotify,.v3-playlist-visibility-icon{cursor:default;font-size:16px;opacity:.7;padding:4px 6px}.v3-playlist-no-spotify{opacity:.3}.v3-playlist-delete-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;opacity:.6;padding:4px 6px;transition:all .15s}.v3-playlist-delete-btn:hover{background:#ff32321a;opacity:1}.v3-spotify-error{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 16px;text-align:center}.v3-error-icon{font-size:2rem}.v3-error-message{color:#aaa;color:var(--text-dim,#aaa);font-size:.9rem}.v3-auth-btn{margin-top:8px;text-decoration:none}.v3-shell-markers{background:#1a1d27;background:var(--v3-bg-card,#2a2a2a);border:1px solid #2a2d37;border:1px solid var(--v3-border,#444);border-radius:4px;color:#f0c040;color:var(--yellow,#f0c040);font-family:monospace;font-size:.85rem;letter-spacing:.5px;padding:2px 8px}@media (max-width:900px){.v3-layout{grid-template-columns:1fr}.v3-sidebar{border-left:none;border-top:1px solid #2a2d37;border-top:1px solid var(--v3-border);max-height:50vh}.v3-header,.v3-header-actions{flex-wrap:wrap}}.v3-newsoon-btn{align-items:center;background:#ffffff14;border:none;border-radius:4px;color:#888;color:var(--v3-text-dim,#888);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:2px 6px;transition:all .15s}.v3-newsoon-btn:hover{background:#7dd3fc;background:var(--v3-accent,#4ade80);color:#000}.v3-play-btn{align-items:center;background:#1db954;border:none;border-radius:50%;color:#000;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;transition:transform .15s,background .15s;width:24px}.v3-play-btn:hover{background:#1ed760;transform:scale(1.15)}.v3-play-btn-sm{align-items:center;background:#1db954;border:none;border-radius:50%;color:#000;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:9px;height:20px;justify-content:center;margin-right:4px;transition:transform .15s,background .15s;width:20px}.v3-play-btn-sm:hover{background:#1ed760;transform:scale(1.15)}.library{margin:0 auto;max-width:1100px;padding:20px}.library-unauthorized{background:#1a1a2e;border-radius:12px;margin:100px auto;max-width:500px;padding:40px;text-align:center}.library-unauthorized h1{font-size:2rem;margin-bottom:20px}.library-unauthorized .hint{color:#888;font-size:.9rem}.library-unauthorized code{background:#333;border-radius:4px;font-family:monospace;padding:4px 8px}.library-header{margin-bottom:30px;text-align:center}.library-header h1{font-size:2.5rem;margin-bottom:15px}.library-tabs{display:flex;gap:10px;justify-content:center;margin-top:20px}.library-tabs .tab{background:#0000;border:2px solid #333;border-radius:8px;color:#ccc;cursor:pointer;font-size:1rem;padding:10px 24px;transition:all .2s}.library-tabs .tab:hover{border-color:#1db954;color:#fff}.library-tabs .tab.active{background:#1db95426;border-color:#1db954;color:#1db954}.loading{color:#888;font-size:1.2rem;padding:40px;text-align:center}.roles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:20px}.role-card{background:#1a1a2e;border:2px solid #333;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.role-card:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.role-icon{font-size:2.5rem;margin-bottom:8px}.role-name{font-size:1.1rem;font-weight:700;margin-bottom:4px;text-transform:capitalize}.role-count{color:#1db954;font-size:1.3rem}.role-bpm{color:#888;font-size:.85rem;margin-top:6px}.avg-bpm{color:#666;display:block;font-size:.8rem}.category-section{margin-bottom:30px}.category-section h3{border-bottom:1px solid #333;font-size:1.3rem;margin-bottom:15px;padding-bottom:8px}.collections-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.collection-card{background:#1a1a2e;border:1px solid #333;border-radius:8px;cursor:pointer;padding:14px;transition:all .2s}.collection-card:hover{background:#1e1e36;border-color:#1db954}.collection-name{font-size:.95rem;font-weight:700;margin-bottom:6px}.collection-stats{color:#888;display:flex;font-size:.85rem;gap:10px}.collection-stats .linked{color:#1db954}.collection-bpm{color:#eab308;font-size:.85rem;margin-top:4px}.detail-view{margin-top:10px}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.filter-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.hide-recent-checkbox{align-items:center;border:1px solid #444;border-radius:6px;color:#aaa;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 14px;transition:all .2s}.hide-recent-checkbox.hide-colorado{border-color:#f97316}.hide-recent-checkbox.hide-colorado:hover{border-color:#fb923c}.hide-recent-checkbox.one-hit-wonders{border-color:#8b5cf6}.hide-recent-checkbox.one-hit-wonders:hover{border-color:#a78bfa}.hide-recent-checkbox:hover{border-color:#1db954;color:#fff}.hide-recent-checkbox input[type=checkbox]{accent-color:#1db954;cursor:pointer;height:16px;width:16px}.back-btn{background:#0000;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;padding:8px 16px}.back-btn:hover{border-color:#1db954;color:#fff}.detail-view h2{align-items:center;display:flex;font-size:1.5rem;gap:10px;margin-bottom:15px}.count-badge{background:#333;border-radius:20px;color:#aaa;font-size:.85rem;font-weight:400;padding:4px 12px}.collection-bpm-range{color:#eab308;margin-bottom:15px}.tracks-table{font-size:.9rem;width:100%}.tracks-header{grid-gap:10px;background:#1a1a2e;border-radius:8px 8px 0 0;color:#888;display:grid;font-size:.85rem;font-weight:700;gap:10px;grid-template-columns:40px 2fr 1.5fr 60px 50px 120px 100px;padding:10px 12px;text-transform:uppercase}.tracks-header .sortable{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.tracks-header .sortable:hover{color:#1db954}.collection-tracks .track-row,.collection-tracks .tracks-header{grid-template-columns:40px 40px 2fr 1.5fr 60px 50px 90px}.track-row{grid-gap:10px;align-items:center;border-bottom:1px solid #222;display:grid;gap:10px;grid-template-columns:40px 2fr 1.5fr 60px 50px 120px 100px;padding:10px 12px}.col-plays{color:#888;font-size:.85rem;text-align:center}.col-last{color:#888}.track-row:hover{background:#ffffff08}.track-row.not-in-db{opacity:.5}.col-pos{color:#666;font-size:.85rem}.col-play{text-align:center}.play-btn{align-items:center;background:#1db9541a;border:1px solid #1db9544d;border-radius:50%;color:#1db954;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.play-btn:hover{background:#1db95433;border-color:#1db954;transform:scale(1.1)}.col-name{font-weight:500}.col-artist,.col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-artist{color:#aaa}.col-bpm{text-align:center}.bpm-badge{background:#eab30826;border-radius:4px;color:#eab308;font-size:.85rem;font-weight:700;padding:3px 8px}.col-roles{display:flex;flex-wrap:wrap;gap:4px}.role-tag{border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.col-last{color:#666;font-size:.85rem}.col-status{text-align:center}@media (max-width:768px){.roles-grid{grid-template-columns:repeat(2,1fr)}.collections-grid{grid-template-columns:1fr}.track-row,.tracks-header{font-size:.85rem;grid-template-columns:1fr 80px 60px!important}.col-artist,.col-last,.col-pos,.col-roles,.col-status{display:none}}.stats-page{margin:0 auto;max-width:1200px;padding:20px}.stats-header{margin-bottom:40px;text-align:center}.stats-header h1{color:#1db954;font-size:2.5rem;margin-bottom:8px}.stats-header .subtitle{color:#b3b3b3;font-size:1.1rem}.stats-section{margin-bottom:40px}.stats-section h2{border-bottom:2px solid #282828;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.big-numbers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#282828,#1e1e1e);border-radius:16px;padding:30px 20px;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-number{color:#1db954;font-size:3rem;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{color:#b3b3b3;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.mini-tables-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mini-table{background:#282828;border-radius:12px;padding:16px}.mini-table h4{border-bottom:1px solid #404040;color:#fff;font-size:1rem;margin:0 0 12px;padding-bottom:8px}.mini-table table{border-collapse:collapse;width:100%}.mini-table tr{border-bottom:1px solid #333}.mini-table tr:last-child{border-bottom:none}.mini-table td{padding:8px 4px;vertical-align:middle}.mini-table .rank{color:#666;font-size:.85rem;font-weight:600;width:24px}.mini-table .name{font-size:.9rem}.mini-table .name a{color:#fff;display:block;max-width:180px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.mini-table .name a:hover{color:#1db954}.mini-table .artist-hint{color:#888;display:block;font-size:.75rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-table .count{color:#1db954;font-size:.9rem;font-weight:600;text-align:right}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-highlight{background:#282828;border-radius:12px;display:flex;gap:16px;padding:20px;transition:background .2s ease}.stat-highlight:hover{background:#333}.stat-highlight.hot{border-left:4px solid #ff6b35}.stat-highlight.classic{border-left:4px solid #9b59b6}.highlight-icon{font-size:2.5rem;line-height:1}.highlight-content{flex:1 1;min-width:0}.highlight-label{color:#b3b3b3;font-size:.75rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.highlight-value{color:#fff;display:block;font-size:1.2rem;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.highlight-value:hover{color:#1db954}.highlight-detail{color:#888;font-size:.85rem;margin-top:4px}.bpm-stats{background:#282828;border-radius:12px;padding:24px}.bpm-overview{border-bottom:1px solid #404040;display:flex;justify-content:space-around;margin-bottom:30px;padding-bottom:20px}.bpm-stat{text-align:center}.bpm-value{color:#1db954;display:block;font-size:2.5rem;font-weight:700}.bpm-label{color:#b3b3b3;display:block;font-size:.8rem;margin-top:4px;text-transform:uppercase}.bpm-distribution h4{color:#b3b3b3;font-weight:500;margin-bottom:16px}.bpm-bars{align-items:flex-end;display:flex;gap:12px;height:150px;justify-content:space-around}.bpm-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bpm-bar{align-items:flex-start;background:linear-gradient(180deg,#1db954,#1ed760);border-radius:4px 4px 0 0;display:flex;justify-content:center;max-width:60px;min-height:20px;padding-top:8px;transition:height .3s ease;width:100%}.bpm-bar-count{color:#000;font-size:.75rem;font-weight:600}.bpm-bar-label{color:#888;font-size:.75rem;margin-top:8px}.role-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.role-stat{background:#282828;border-radius:12px;border-top:4px solid #404040;padding:24px 16px;text-align:center}.role-stat.opener{border-top-color:#ff9f43}.role-stat.sprint{border-top-color:#ee5253}.role-stat.slow{border-top-color:#00d2d3}.role-stat.closer{border-top-color:#5f27cd}.role-count{color:#fff;display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.role-label{color:#888;font-size:.8rem;text-transform:uppercase}.fun-facts{flex-direction:column}.fun-fact,.fun-facts{display:flex;gap:16px}.fun-fact{align-items:center;background:#282828;border-radius:12px;padding:16px 20px}.fact-emoji{font-size:1.5rem;text-align:center;width:40px}.fact-text{color:#b3b3b3;font-size:.95rem}.fact-text strong{color:#fff}.stats-actions{margin-top:40px;text-align:center}.btn-back{border:2px solid #1db954;border-radius:25px;color:#1db954;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-back:hover{background:#1db954;color:#000}.stats-page .loading{padding:60px 20px;text-align:center}.stats-page .spinner{animation:spin 1s linear infinite;border:4px solid #282828;border-radius:50%;border-top-color:#1db954;height:50px;margin:0 auto 16px;width:50px}.stats-page.error{padding:60px 20px;text-align:center}@media (max-width:768px){.stats-header h1{font-size:2rem}.stat-number{font-size:2.5rem}.bpm-value,.highlight-icon{font-size:2rem}.bpm-overview{flex-wrap:wrap;gap:20px}}.login-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:420px;padding:40px;text-align:center;width:100%}.login-container h1{color:#333;font-size:28px;margin:0 0 10px}.login-subtitle{color:#666;margin-bottom:30px}.login-error{background:#fee2e2;color:#b91c1c}.login-error,.login-message{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.login-message{background:#dcfce7;color:#166534}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{text-align:left}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e5e5e5;border-radius:8px;box-sizing:border-box;font-size:16px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#1db954;box-shadow:0 0 0 3px #1db9541a;outline:none}.form-group input::placeholder{color:#999}.form-group input[type=text]{font-size:24px;font-weight:600;letter-spacing:8px;text-align:center}.form-hint{color:#666;display:block;font-size:13px;margin-top:8px}.btn-login{background:#1db954;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:background .2s,transform .1s}.btn-login:hover:not(:disabled){background:#1ed760}.btn-login:active:not(:disabled){transform:scale(.98)}.btn-login:disabled{background:#ccc;cursor:not-allowed}.btn-back{background:#0000;border:none;color:#666;cursor:pointer;font-size:14px;padding:12px;transition:color .2s}.btn-back:hover:not(:disabled){color:#333}.btn-back:disabled{cursor:not-allowed;opacity:.5}.login-footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.login-footer p{color:#999;font-size:13px;margin:0}@media (max-width:480px){.login-container{padding:30px 24px}.login-container h1{font-size:24px}}:root{--primary-color:#1db954;--secondary-color:#191414;--text-primary:#fff;--text-secondary:#b3b3b3;--background:#121212;--surface:#181818;--surface-hover:#282828;--border:#282828}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--background);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#191414;background-color:var(--secondary-color);border-bottom:1px solid #282828;border-bottom:1px solid var(--border);padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header h1{color:#1db954;color:var(--primary-color);font-size:2rem;font-weight:700;text-align:center}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.app-footer{background-color:#191414;background-color:var(--secondary-color);border-top:1px solid #282828;border-top:1px solid var(--border);color:#b3b3b3;color:var(--text-secondary);font-size:.9rem;padding:1.5rem 2rem;text-align:center}.spinner{border:3px solid #282828;border-top:3px solid #1db954;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.spinner,.spinner-small{animation:spin 1s linear infinite;margin:0 auto}.spinner-small{border:2px solid #282828;border-top:2px solid #1db954;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a{color:#1db954;color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:#1ed760;text-decoration:underline}button{cursor:pointer;font-family:inherit}@media (max-width:768px){.app-header h1{font-size:1.5rem}.app-main{padding:1rem}}
/*# sourceMappingURL=main.fada9e67.css.map*/