:root{--bg-deep:#000;--bg-main:#121212;--bg-surface:#181818;--bg-surface-hover:#282828;--primary:#1db954;--primary-glow:#1db95426;--text-main:#fff;--text-secondary:#b3b3b3;--text-muted:#535353;--border-color:#ffffff14;--player-bg:#121212cc;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}body,html{background-color:#000;background-color:var(--bg-deep);color:#fff;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.app-container{background-color:#121212;background-color:var(--bg-main);display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr 90px;height:100vh;overflow:hidden}.sidebar{background-color:#000;background-color:var(--bg-deep);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:28px;padding:24px 12px}.sidebar-logo{align-items:center;color:#fff;color:var(--text-main);display:flex;font-size:24px;font-weight:800;gap:12px;letter-spacing:-1px;margin-bottom:10px;padding:0 12px}.sidebar-logo span{color:#1db954;color:var(--primary);font-size:30px}.nav-group{display:flex;flex-direction:column;gap:4px}.sidebar-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#b3b3b3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:16px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none}.sidebar-item.active,.sidebar-item:hover{background-color:#181818;background-color:var(--bg-surface);color:#fff;color:var(--text-main)}.sidebar-item.active{box-shadow:inset 4px 0 0 #1db954;box-shadow:inset 4px 0 0 var(--primary)}.playlist-section{display:flex;flex-direction:column;gap:4px;margin-top:12px}.section-title{color:#535353;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;padding-left:12px;text-transform:uppercase}.main-content{background:linear-gradient(180deg,#1f1f1f,#121212);background:linear-gradient(180deg,#1f1f1f 0,var(--bg-main) 100%);overflow-y:auto;padding:32px 40px 120px;scroll-behavior:smooth}.library-header{margin-bottom:40px}.library-icon{box-shadow:0 8px 24px #0006;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.library-header h2{color:#fff;color:var(--text-main);font-size:32px;font-weight:800;letter-spacing:-1px;margin:0}.list-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);color:#535353;color:var(--text-muted);display:grid;font-size:12px;font-weight:600;grid-template-columns:50px 1fr 1fr 120px 80px 80px;letter-spacing:.5px;margin:0 auto 12px;padding:0 16px 12px;text-transform:uppercase;width:95%}.songs-list{display:flex;flex-direction:column;gap:4px;margin:0 auto;width:95%}.song-list-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#b3b3b3;color:var(--text-secondary);cursor:pointer;display:grid;font-size:14px;grid-template-columns:50px 1fr 1fr 120px 80px 80px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.song-list-item:hover{background-color:#282828;background-color:var(--bg-surface-hover);box-shadow:0 4px 12px #0003;color:#fff;color:var(--text-main);transform:translateY(-1px)}.song-list-item.active{background-color:#1db95426;background-color:var(--primary-glow);color:#1db954;color:var(--primary)}.search-container{align-items:center;background-color:#ffffff12;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:12px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:350px}.search-container:focus-within{background-color:#ffffff1f;border-color:#535353;border-color:var(--text-muted);box-shadow:0 0 0 3px #1db95426;box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{font-size:18px;opacity:.7}.search-input{background-color:initial;border:none;color:#fff;color:var(--text-main);font-size:14px;font-weight:500;outline:none;width:100%}.player-bar{-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);background-color:#121212cc;background-color:var(--player-bg);border-top:1px solid #ffffff14;border-top:1px solid var(--border-color);grid-column:1/span 2;justify-content:space-between;padding:0 24px;z-index:100}.current-song-info,.player-bar{align-items:center;display:flex}.current-song-info{gap:16px;width:30%}.current-song-img{align-items:center;background-color:#181818;background-color:var(--bg-surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 16px #0006;display:flex;font-size:20px;height:56px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:56px}.song-details{overflow:hidden}.song-details div:first-child{color:#fff;color:var(--text-main);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-details div:last-child{color:#b3b3b3;color:var(--text-secondary);font-size:12px}.player-controls{align-items:center;display:flex;flex-direction:column;gap:12px;width:40%}.control-buttons{gap:28px}.control-buttons,.ctrl-btn{align-items:center;display:flex}.ctrl-btn{background-color:initial;border:none;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;font-size:20px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ctrl-btn:hover{color:#fff;color:var(--text-main);transform:scale(1.1)}.play-btn{background-color:#fff!important;background-color:var(--text-main)!important;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #0000004d;color:#000!important;color:var(--bg-deep)!important;font-size:16px;font-weight:700;height:40px;width:40px}.play-btn:hover{background-color:#fff!important;transform:scale(1.05)}.progress-container{align-items:center;display:flex;gap:12px;max-width:540px;width:100%}.time-label{font-feature-settings:"tnum";color:#535353;color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums;min-width:35px}.progress-slider{accent-color:#1db954;accent-color:var(--primary);cursor:pointer;flex:1 1;height:4px;opacity:.6;transition:opacity .2s ease}.progress-slider:hover{opacity:1}.volume-container{align-items:center;color:#b3b3b3;color:var(--text-secondary);display:flex;gap:12px;justify-content:flex-end;width:30%}.volume-slider{accent-color:#1db954;accent-color:var(--primary);cursor:pointer;height:4px;opacity:.6;transition:opacity .2s ease;width:100px}.volume-slider:hover{opacity:1}.library-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.library-icon{background-color:#181818;background-color:var(--bg-surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;font-size:60px;height:90px;width:90px}.empty-view,.library-icon{align-items:center;display:flex;justify-content:center}.empty-view{color:#535353;color:var(--text-muted);flex-direction:column;height:60%}.auth-container{align-items:center;background-color:#000;background-color:var(--bg-deep);background:radial-gradient(circle at top,#1f1f1f 0,#000 100%);background:radial-gradient(circle at top,#1f1f1f 0,var(--bg-deep) 100%);display:flex;height:100vh;justify-content:center}.auth-card{background-color:#121212;background-color:var(--bg-main);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0009;max-width:400px;padding:40px;text-align:center;width:100%}.auth-card h2{font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:32px}.auth-form{gap:20px}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:8px;text-align:left}.auth-input-group label{color:#535353;color:var(--text-muted);font-size:12px;font-weight:600;margin-left:4px;text-transform:uppercase}.auth-input{background-color:#181818;background-color:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-main);font-size:14px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-input:focus{border-color:#1db954;border-color:var(--primary);box-shadow:0 0 0 2px #1db95426;box-shadow:0 0 0 2px var(--primary-glow);outline:none}.auth-btn{background-color:#1db954;background-color:var(--primary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#000;color:var(--bg-deep);cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.auth-switch{color:#b3b3b3;color:var(--text-secondary);font-size:14px;margin-top:24px}.auth-switch span{color:#1db954;color:var(--primary);cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-switch span:hover{text-decoration:underline}.logout-btn{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#b3b3b3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:16px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none}.logout-btn:hover{background-color:#181818;background-color:var(--bg-surface);color:#f44}
/*# sourceMappingURL=main.768b812d.css.map*/