.auth-container{align-items:center;background:linear-gradient(135deg,#1a0000,#3a0a00 50%,#000);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#1a1a2e;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:40px;width:100%}.auth-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:32px}.auth-logo svg{color:#f80000}.auth-logo h1{color:#fff;font-size:28px;font-weight:700;margin:0}.auth-card h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px;text-align:center}.auth-subtitle{color:#b3b3b3;margin:0 0 32px}.auth-error,.auth-subtitle{font-size:14px;text-align:center}.auth-error{background:#ff4d4d;border-radius:8px;color:#fff;margin-bottom:24px;padding:12px 16px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600}.form-group input{background:#16213e;border:2px solid #2a3f5f;border-radius:8px;color:#fff;font-size:16px;padding:14px 16px;transition:all .2s}.form-group input:focus{border-color:#f80000;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#6b7280}.auth-button{background:#f80000;border:none;border-radius:500px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:16px;transition:all .2s}.auth-button:hover:not(:disabled){background:#f44;transform:scale(1.02)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{border-top:1px solid #2a3f5f;margin-top:32px;padding-top:24px;text-align:center}.auth-footer p{color:#b3b3b3;font-size:14px;margin:0}.auth-footer a{color:#ff6b00;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#ff8533;text-decoration:underline}@media (max-width:768px){.auth-container{padding:12px}.auth-card{padding:32px 28px}}@media (max-width:480px){.auth-card{max-width:100%;padding:24px 20px}.auth-card h2{font-size:26px}.auth-logo h1{font-size:22px}.auth-logo svg{height:36px;width:36px}.form-group input{font-size:16px;padding:16px 14px}.auth-button{font-size:16px;padding:18px}.auth-subtitle{font-size:13px}}.sidebar{background:#000;display:flex;flex-direction:column;height:100vh;left:0;padding:24px 0;position:fixed;top:0;width:240px;z-index:100}.sidebar-logo{align-items:center;display:flex;gap:12px;margin-bottom:24px;padding:0 24px}.sidebar-logo svg{color:#f80000}.sidebar-logo span{color:#fff;font-size:24px;font-weight:700}.sidebar-nav{display:flex;flex-direction:column;gap:8px;padding:0 12px}.nav-item{align-items:center;border-radius:4px;color:#b3b3b3;display:flex;font-size:14px;font-weight:600;gap:16px;padding:12px 16px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#282828;color:#fff}.nav-item.active{color:#fff}.sidebar-divider{background:#282828;height:1px;margin:16px 24px}.sidebar-playlists{display:flex;flex-direction:column;gap:8px;padding:0 12px}.playlist-list{flex:1 1;margin-top:16px;overflow-y:auto;padding:0 12px}.playlist-list::-webkit-scrollbar{width:8px}.playlist-list::-webkit-scrollbar-track{background:#0000}.playlist-list::-webkit-scrollbar-thumb{background:#282828;border-radius:4px}.playlist-list::-webkit-scrollbar-thumb:hover{background:#3e3e3e}.playlist-item{color:#b3b3b3;display:block;font-size:14px;overflow:hidden;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.playlist-item:hover{background:#282828;color:#fff}.playlist-item.active{color:#fff}@media (max-width:768px){.sidebar{height:100vh;left:0;overflow:hidden;padding:12px 0;position:fixed;top:0;width:80px}.nav-item span,.playlist-item,.sidebar-logo span{display:none}.nav-item{justify-content:center;padding:12px}.sidebar-divider{margin:12px 16px}.playlist-list{display:none}.sidebar:hover{width:240px}.sidebar:hover .nav-item span,.sidebar:hover .playlist-item,.sidebar:hover .sidebar-logo span{display:block}.sidebar:hover .nav-item{justify-content:flex-start;padding:12px 16px}}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:80px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ef2;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;max-width:400px;min-width:280px;padding:12px 16px;pointer-events:auto;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-content{align-items:center;color:#fff;display:flex;flex:1 1;gap:12px}.toast-content svg{flex-shrink:0}.toast-success{border-left:3px solid #ffb800}.toast-success svg{color:#ffb800}.toast-error{border-left:3px solid #e22134}.toast-error svg{color:#e22134}.toast-close{align-items:center;background:none;border:none;color:#b3b3b3;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#fff}@media (max-width:480px){.toast{left:10px;min-width:auto;right:10px;top:70px}}.topbar{align-items:center;background:#000;display:flex;gap:16px;height:75px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:2100}.topbar-search{flex:1 1;max-width:500px;position:relative}.search-container-topbar{position:relative;width:100%}.search-container-topbar .search-icon{color:#b3b3b3;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input-topbar{background:#242424;border:none;border-radius:500px;color:#fff;font-size:14px;outline:none;padding:12px 48px;transition:all .2s;width:100%}.search-input-topbar::placeholder{color:#b3b3b3}.search-input-topbar:focus{background:#2a2a2a}.clear-search-topbar{align-items:center;background:#0000;border:none;color:#b3b3b3;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s;width:24px}.clear-search-topbar:hover{color:#fff}.search-results-dropdown{background:#282828;border-radius:8px;box-shadow:0 8px 24px #00000080;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.search-result-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:background .2s}.search-result-item:hover{background:#3e3e3e}.search-result-item img{border-radius:4px;cursor:pointer;height:48px;object-fit:cover;width:48px}.search-result-info{cursor:pointer;flex:1 1;min-width:0}.search-result-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{align-items:center;display:flex;gap:8px}.search-result-artist{color:#b3b3b3;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-source{border:1px solid #0000;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.search-result-source.source-db{background:#ffb80026;border-color:#ffb80066;color:#ffb800}.search-result-source.source-yt{background:#ff4f4f1f;border-color:#ff4f4f66;color:#ff4f4f}.search-result-actions{gap:8px}.save-to-db-btn,.search-result-actions{align-items:center;display:flex;flex-shrink:0}.save-to-db-btn{background:#0000;border:1px solid #ffb8004d;border-radius:50%;color:#ffb800;cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.save-to-db-btn:hover:not(:disabled){background:#ffb80026;border-color:#ffb800;transform:scale(1.05)}.save-to-db-btn:disabled{cursor:not-allowed;opacity:.6}.save-to-db-btn .spinning{animation:spin 1s linear infinite}.add-to-queue-btn{align-items:center;background:#ff6b001a;border:1px solid #ff6b00;border-radius:50%;color:#ff6b00;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.add-to-queue-btn:hover{background:#ff6b00;color:#fff;transform:scale(1.1)}.search-loading{color:#b3b3b3;font-size:14px;padding:16px;text-align:center}.topbar-nav{display:flex;gap:16px}.nav-btn{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.nav-btn:hover{background:#282828}.topbar-user{position:relative}.user-menu{align-items:center;background:#000;border-radius:500px;cursor:pointer;display:flex;gap:8px;padding:4px 12px 4px 4px;transition:all .2s}.user-menu:hover{background:#282828}.user-avatar{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-name{color:#fff;font-size:14px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{background:#282828;border-radius:4px;box-shadow:0 8px 24px #00000080;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px)}.dropdown-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:background .2s}.dropdown-divider,.dropdown-item:hover{background:#3e3e3e}.dropdown-divider{height:1px;margin:4px 0}@media (max-width:768px){.topbar{padding:0 16px}.topbar-nav{gap:8px}.nav-btn{height:32px;width:32px}.user-name{display:none}.user-avatar{height:28px;width:28px}}@media (max-width:480px){.topbar{height:56px;padding:0 12px}.topbar-nav{display:none}}.controls-wrapper{margin:8px 0}.controls{align-items:center;display:flex;gap:20px;justify-content:center}.control-btn,.controls{touch-action:manipulation}.control-btn{-webkit-tap-highlight-color:rgba(248,0,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border);box-shadow:0 4px 20px #0003;color:var(--text-primary);height:56px;transition:all .3s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;width:56px}.control-btn:hover{background:var(--card-hover);border-color:#ffffff26;box-shadow:0 8px 30px #0000004d;transform:translateY(-2px) scale(1.05)}.control-btn:active{transform:translateY(0) scale(.98)}.control-btn.play-btn{background:#fff;box-shadow:0 8px 24px #0000004d;color:#000;height:48px;width:48px}.control-btn.like-btn{height:36px;position:relative;width:36px}.control-btn.like-btn svg{transition:transform .2s ease}.control-btn.like-btn.liked svg{transform:scale(1.1)}.control-btn.like-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes click-bounce{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.play-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;box-shadow:0 8px 30px var(--glow);height:76px;width:76px}.play-btn:hover{box-shadow:0 12px 40px var(--glow);transform:translateY(-3px) scale(1.08)}.play-btn:active{transform:translateY(-1px) scale(1.02)}@media (max-width:768px){.control-btn{height:52px;min-height:56px;min-width:56px;width:52px}.play-btn{height:70px;min-height:76px;min-width:76px;width:70px}.controls{gap:16px}}@media (max-width:480px){.control-btn{height:48px;width:48px}.play-btn{height:64px;width:64px}.controls{gap:14px}}@media (max-width:360px){.control-btn{height:44px;width:44px}.play-btn{height:58px;width:58px}}@supports (-webkit-touch-callout:none){.control-btn,.play-btn{-webkit-appearance:none;appearance:none}}@media (hover:none) and (pointer:coarse){.control-btn:active{background:var(--card-hover)}.control-btn:active,.play-btn:active{transform:scale(.92)}}@media (max-height:600px) and (orientation:landscape){.control-btn{height:44px;width:44px}.play-btn{height:56px;width:56px}}.progress-container{align-items:center;display:flex;gap:14px;padding:0 6px;width:100%}.time{font-feature-settings:"tnum";color:var(--text-secondary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.3px;min-width:44px}.progress-bar{background:var(--card-bg);border-radius:3px;cursor:pointer;flex:1 1;height:6px;overflow:hidden;position:relative;transition:all .2s ease}.progress-bar:hover{background:#ffffff0d;height:8px}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);border-radius:3px;box-shadow:0 0 20px var(--glow);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .1s linear}.progress-bar:hover .progress-fill{box-shadow:0 0 25px var(--glow)}.progress-slider{-webkit-appearance:none;appearance:none;cursor:pointer;height:28px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}@supports (-webkit-touch-callout:none){.progress-slider{-webkit-appearance:none;appearance:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border-radius:50%;box-shadow:0 2px 8px #f8000080;cursor:pointer;height:16px;width:16px}}@media (max-width:480px){.progress-container{gap:12px}.time{font-size:13px;min-width:40px}}.modal-overlay{z-index:2000}.add-to-playlist-modal{animation:slideUp .3s;background:#282828;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #3e3e3e;padding:20px 24px}.modal-close:hover{background:#3e3e3e}.modal-song-info{align-items:center;border-bottom:1px solid #3e3e3e;display:flex;gap:12px;padding:16px 24px}.modal-song-info img{border-radius:4px;height:48px;object-fit:cover;width:48px}.song-title-modal{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.song-artist-modal{color:#b3b3b3;font-size:12px}.modal-content{flex:1 1;padding:16px 24px}.create-new-playlist-btn{align-items:center;background:#0000;border:2px dashed #3e3e3e;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:14px;transition:all .2s;width:100%}.create-new-playlist-btn:hover{background:#ffffff0d;border-color:#fff}.loading-playlists,.no-playlists{color:#b3b3b3;padding:32px;text-align:center}.playlists-list{display:flex;flex-direction:column;gap:8px}.playlist-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.playlist-item:hover:not(.added){background:#3e3e3e}.playlist-item.added{background:#ffb8001a;cursor:default}.playlist-item-cover{background:#3e3e3e;border-radius:4px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.playlist-item-cover img{height:100%;object-fit:cover;width:100%}.playlist-item-info{flex:1 1;min-width:0}.playlist-item-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-count{color:#b3b3b3;font-size:12px}.check-icon{color:#ffb800;flex-shrink:0}.adding-spinner{animation:spin .8s linear infinite;border:2px solid #3e3e3e;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.create-playlist-form{display:flex;flex-direction:column;gap:16px}.back-btn{align-self:flex-start;background:#0000;border:none;color:#b3b3b3;cursor:pointer;font-size:14px;padding:8px 0;transition:color .2s}.back-btn:hover{color:#fff}.create-playlist-form input{background:#3e3e3e;border:1px solid #0000;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:14px;transition:all .2s;width:100%}.create-playlist-form input:focus{background:#4a4a4a;border-color:#fff}.create-submit-btn{background:#f80000;border:none;border-radius:500px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:14px;transition:all .2s}.create-submit-btn:hover:not(:disabled){background:#f44;transform:scale(1.05)}.create-submit-btn:disabled{background:#3e3e3e;color:#b3b3b3;cursor:not-allowed}@media (max-width:480px){.add-to-playlist-modal{max-height:90vh;width:95%}.modal-header{padding:16px}.modal-header h2{font-size:20px}.modal-content,.modal-song-info{padding:12px 16px}}.global-player{align-items:center;background:linear-gradient(0deg,#181818 0,#282828);border-top:1px solid #282828;bottom:0;box-shadow:0 -2px 10px #0000004d;display:flex;height:90px;justify-content:space-between;left:0;overflow:hidden;padding:0 16px;position:fixed;right:0;transition:height .3s ease,transform .3s ease;z-index:1000}.global-player.expanded{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(180deg,#060606f2,#161616fa);bottom:0;flex-direction:column;gap:clamp(32px,6vh,56px);height:calc(100vh - 72px);justify-content:center;overflow-x:hidden;overflow-y:auto;padding:clamp(48px,10vh,96px) 48px clamp(64px,14vh,120px);top:72px}.global-player.expanded:after,.global-player.expanded:before{background:radial-gradient(circle,#f800002e 0,#f8000000 65%);border-radius:50%;content:"";filter:blur(60px);height:320px;position:absolute;width:320px;z-index:-1}.global-player.expanded:before{left:12%;top:6%}.global-player.expanded:after{bottom:8%;right:14%}.global-player.expanded .player-left,.global-player.expanded .player-right{align-items:center;justify-content:center;max-width:720px;width:100%}.global-player.expanded .player-left{flex-direction:column;gap:28px}.global-player.expanded .player-thumbnail{border-radius:18px;box-shadow:0 30px 80px #0000008c;height:min(360px,42vw);width:min(360px,42vw)}.global-player.expanded .player-song-info{max-width:420px;text-align:center}.global-player.expanded .player-like-expanded{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;color:#fffc;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .25s ease;width:64px}.global-player.expanded .player-like-expanded:hover:not(:disabled){background:#ffb80033;border-color:#ffb80099;color:#ffb800;transform:translateY(-2px)}.global-player.expanded .player-like-expanded.liked{background:#ffb80026;border-color:#ffb80099;color:#ffb800}.global-player.expanded .player-like-expanded:disabled{cursor:not-allowed;opacity:.6}.global-player.expanded .player-song-title{font-size:clamp(28px,4vw,40px);letter-spacing:-.01em;margin-bottom:12px}.global-player.expanded .player-song-artist{color:#ffffffad;font-size:clamp(16px,1.8vw,22px)}.global-player.expanded .player-center{gap:24px;width:min(720px,100%)}.global-player.expanded .player-controls-row{gap:32px}.global-player.expanded .controls .control-btn{font-size:18px;height:68px;width:68px}.global-player.expanded .controls .control-btn.play-btn{box-shadow:0 18px 48px #f8000066;height:90px;width:90px}.global-player.expanded .player-right{gap:28px}.global-player.expanded .volume-control{max-width:260px}.global-player.expanded .queue-indicator{font-size:14px;padding:8px 16px}.global-player.expanded .queue-indicator,.player-close-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-close-btn{align-items:center;background:#0000008c;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .2s ease;width:44px}.player-close-btn:hover{background:#ffffff1f;transform:scale(1.05)}.player-left{align-items:center;display:flex;gap:12px;min-width:180px;width:30%}.player-thumbnail{border-radius:4px;box-shadow:0 2px 8px #0000004d;height:56px;object-fit:cover;width:56px}.player-song-info{flex:1 1;min-width:0}.player-song-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.player-song-artist,.player-song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-song-artist{color:#b3b3b3;font-size:12px}.player-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:722px}.player-controls-row{align-items:center;display:flex;gap:16px}.player-control-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.player-control-btn:hover{color:#fff;transform:scale(1.1)}.player-control-btn.active{color:#ffb800}.player-right{align-items:center;display:flex;gap:12px;justify-content:flex-end;min-width:180px;width:30%}.expand-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.expand-btn,.like-inline{border:1px solid #ffffff14}.like-inline{background:#ffffff0a;color:#ffffffe6;transition:all .2s ease}.like-inline:hover:not(:disabled){background:#ffb80026;border-color:#ffb80099;color:#ffb800}.like-inline.liked{background:#ffb8002e;border-color:#ffb80099;color:#ffb800}.like-inline:disabled{cursor:not-allowed;opacity:.6}.playlist-inline{background:#ffffff0a;border:1px solid #ffffff14;color:#ffffffe6;transition:all .2s ease}.playlist-inline:hover{background:#ff6b0026;border-color:#ff6b0099;color:#ff6b00;transform:translateY(-1px)}.queue-indicator{align-items:center;background:#ff6b001a;border-radius:16px;color:#ff6b00;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}@media (max-width:768px){.global-player{height:80px;padding:0 12px}.player-left{min-width:120px;width:25%}.player-thumbnail{height:48px;width:48px}.player-song-title{font-size:13px}.player-song-artist{font-size:11px}.player-center{max-width:400px}.player-controls-row{gap:12px}.player-control-btn{height:28px;width:28px}.player-right{min-width:120px;width:25%}.volume-slider{width:70px}.queue-indicator{font-size:11px;padding:4px 8px}}@media (max-width:480px){.global-player{height:70px}.player-left{gap:8px;min-width:100px}.player-thumbnail{height:40px;width:40px}.player-song-title{font-size:12px}.player-song-artist{font-size:10px}.player-right{min-width:80px}.queue-indicator span,.volume-control{display:none}}.dashboard-layout{background:#000;display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;max-height:100vh;min-height:100vh;overflow:hidden;position:relative}.dashboard-content{background:linear-gradient(180deg,#1a1a1a,#000);flex:1 1;height:calc(100vh - 64px);overflow-y:auto;padding:20px 32px 80px}.dashboard-content::-webkit-scrollbar{width:12px}.dashboard-content::-webkit-scrollbar-track{background:#0000}.dashboard-content::-webkit-scrollbar-thumb{background:#282828;border-radius:6px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#3e3e3e}@media (max-width:768px){.dashboard-main{margin-left:80px;width:calc(100% - 80px)}.dashboard-content{padding:16px 16px 160px}}@media (max-width:480px){.dashboard-main{margin-left:0;width:100%}.dashboard-content{padding:12px}}.home-container{display:flex;height:calc(100vh - 64px);overflow:hidden;width:100%}.home-player{align-items:center;flex:1 1;justify-content:center;margin:0 auto;max-width:100%;padding:12px 32px;position:relative}.home-player,.home-playlist{display:flex;flex-direction:column}.home-playlist{background:#121212;border-left:1px solid #282828;transition:all .3s ease;width:400px}.playlist-header{align-items:center;border-bottom:1px solid #282828;display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.playlist-tabs{display:flex;flex:1 1;gap:8px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#b3b3b3;cursor:pointer;font-size:15px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:#fff}.tab-btn.active{background:#282828;color:#fff}.playlist-header h2{color:#fff;font-size:24px;margin:0}.close-playlist{background:none;border:none;color:#b3b3b3;cursor:pointer;font-size:24px;transition:color .2s}.close-playlist:hover{color:#fff}.queue-header-actions{align-items:center;display:flex;gap:12px}.clear-queue-btn{background:#ef44441a;border:1px solid #ef444466;border-radius:6px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.clear-queue-btn:hover{background:#ef444433;border-color:#ef4444}.empty-queue-state{align-items:center;color:#b3b3b3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.empty-queue-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-queue-state h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.empty-queue-state p{font-size:14px;margin:0;opacity:.8}.no-songs-message{align-items:center;color:#b3b3b3;display:flex;flex:1 1;font-size:18px;justify-content:center;padding:40px;text-align:center}.album-art-container{height:300px;margin:40px auto;position:relative;width:300px}.album-art-glow{background-position:50%;background-size:cover;filter:blur(60px);height:120%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:0}.album-art{border-radius:8px;box-shadow:0 8px 24px #00000080;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.album-art.playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.song-details{margin:24px 0;text-align:center}.song-details h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.song-details p{color:#b3b3b3;font-size:16px;margin:0}.controls-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:24px 0}.secondary-controls{align-items:center;display:flex;gap:12px}.control-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.control-btn:hover{background:#ffffff1a;color:#fff}.control-btn.active,.control-btn.like-btn.liked{color:#ffb800}.control-btn.like-btn.liked:hover{color:#ffc933}.volume-control{align-items:center;display:flex;gap:8px}.volume-slider{-webkit-appearance:none;appearance:none;background:#4d4d4d;border-radius:2px;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:all .2s;transition:all .2s;width:12px}.volume-slider::-webkit-slider-thumb:hover{background:#f80000;transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:all .2s;transition:all .2s;width:12px}.volume-slider::-moz-range-thumb:hover{background:#f80000;transform:scale(1.2)}.queue-section{display:flex;justify-content:center;margin-top:auto;padding:16px 0}.queue-btn{align-items:center;background:#282828;border:none;border-radius:500px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.queue-btn:hover{background:#3e3e3e;transform:scale(1.05)}@media (max-width:768px){.home-container{padding-left:80px}.home-player{padding:16px}.home-playlist{background:#121212;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:calc(100% - 80px);z-index:1000}.home-container.playlist-visible .home-playlist{transform:translateX(0)}.album-art-container{height:200px;margin:20px auto;width:200px}.song-details h1{font-size:20px}.song-details p{font-size:14px}.main-search{max-width:100%}.controls-wrapper{gap:20px}.secondary-controls{gap:8px}.control-btn{height:36px;width:36px}.volume-slider{width:80px}.queue-btn{font-size:13px;padding:10px 20px}}@media (max-width:480px){.home-container{padding-left:0}.album-art-container{height:180px;width:180px}.song-details h1{font-size:18px}.home-playlist{width:100%}.controls-wrapper{flex-direction:column;gap:16px}.secondary-controls{justify-content:center;width:100%}.volume-control{flex:1 1;max-width:200px}.volume-slider{flex:1 1}.control-btn{height:44px;width:44px}}.home-container-new{margin:0 auto;max-width:1400px;padding:32px}.home-header{margin-bottom:32px}.home-header h1{color:#fff;font-size:48px;font-weight:700;margin:0 0 8px}.home-header p{color:#b3b3b3;font-size:16px;margin:0}.main-search{margin:0 auto 48px;max-width:600px;position:relative;width:100%;z-index:1000}.library-section{margin-bottom:48px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#fff;font-size:32px;font-weight:700;margin:0}.section-subtitle{color:#b3b3b3;font-size:14px;font-weight:400}.play-library-btn{align-items:center;background:#f80000;border:none;border-radius:500px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s}.play-library-btn:hover{background:#f44;transform:scale(1.05)}.library-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.library-card{background:#181818;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .3s}.library-card:hover{background:#282828;transform:translateY(-4px)}.library-card.playing{background:#282828;box-shadow:0 0 20px #f800004d}.library-card-image{border-radius:4px;margin-bottom:16px;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.library-card-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.playing-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.playing-indicator{align-items:flex-end;display:flex;gap:4px;height:20px}.playing-indicator span{animation:wave 1s ease-in-out infinite;background:#f80000;border-radius:2px;width:4px}.playing-indicator span:first-child{animation-delay:0s}.playing-indicator span:nth-child(2){animation-delay:.2s}.playing-indicator span:nth-child(3){animation-delay:.4s}@keyframes wave{0%,to{height:8px}50%{height:20px}}.library-card-info{min-height:62px}.library-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.library-card-artist{color:#b3b3b3;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-stats{color:#b3b3b3;display:flex;font-size:11px;gap:8px;margin-top:4px}.library-card-stats span{align-items:center;display:flex}.queue-preview{background:#181818;border-radius:8px;margin-top:48px;padding:24px}.queue-preview h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 16px}.queue-list{display:flex;flex-direction:column;gap:12px}.queue-item{align-items:center;border-radius:4px;display:flex;gap:12px;padding:8px;transition:background .2s}.queue-item:hover{background:#282828}.queue-item img{border-radius:4px;height:48px;object-fit:cover;width:48px}.queue-item-info{flex:1 1;min-width:0}.queue-item-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.queue-item-artist,.queue-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-artist{color:#b3b3b3;font-size:12px}.queue-more{color:#b3b3b3;font-size:14px;padding:12px;text-align:center}.suggestion-actions{align-items:center;display:flex;gap:8px}.queue-song-btn{align-items:center;background:#f800001a;border:1px solid #f800004d;border-radius:20px;color:#f80000;color:var(--primary,#f80000);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase;transition:all .2s ease}.queue-song-btn:hover{background:#f8000033;border-color:#f80000;border-color:var(--primary,#f80000);transform:translateY(-1px)}@media (max-width:768px){.home-container-new{padding:16px}.home-header h1{font-size:32px}.home-header p{font-size:14px}.section-header h2{font-size:24px}.library-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.library-card{padding:12px}.library-card-title{font-size:13px}.library-card-artist{font-size:11px}.play-library-btn{font-size:13px;padding:10px 20px}}@media (max-width:480px){.home-header h1{font-size:28px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.library-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.queue-preview{padding:16px}.queue-preview h3{font-size:20px}}.section{margin-bottom:48px}.artists-grid,.channels-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.artist-card,.channel-card{background:#181818;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .3s}.artist-card:hover,.channel-card:hover{background:#282828;transform:translateY(-4px)}.artist-image,.channel-image{border-radius:50%;margin-bottom:16px;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.channel-image{border-radius:8px}.artist-image img,.channel-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.artist-overlay,.channel-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.artist-card:hover .artist-overlay,.channel-card:hover .channel-overlay{opacity:1}.play-btn-overlay{align-items:center;background:#f80000;border:none;border-radius:50%;box-shadow:0 8px 16px #f8000066;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.play-btn-overlay:hover{background:#f44;transform:scale(1.1)}.artist-info,.channel-info{text-align:center}.artist-name,.channel-name{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-count,.channel-count{color:#b3b3b3;font-size:13px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{height:48px;width:48px}.loading-state p{color:#b3b3b3;font-size:16px}.empty-library{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.empty-library svg{margin-bottom:24px}.empty-library h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.empty-library p{font-size:16px;margin:0}.liked-songs-container{background:#121212;height:100%;overflow-y:auto;width:100%}.liked-songs-header{align-items:flex-end;background:linear-gradient(180deg,#3a0a00,#121212e6);display:flex;gap:24px;padding:20px 32px 24px;position:relative}.header-icon{align-items:center;background:linear-gradient(135deg,#f80000,#ff8533);border-radius:4px;box-shadow:0 8px 24px #f8000080;color:#fff;display:flex;flex-shrink:0;height:232px;justify-content:center;width:232px}.liked-songs-header h1{color:#fff;font-size:96px;font-weight:900;line-height:1;margin:0}.liked-songs-header p{color:#fff;font-size:14px;margin:0}.liked-actions{background:linear-gradient(180deg,#12121299,#121212);padding:24px 32px}.play-all-btn{font-size:14px;letter-spacing:1px;text-transform:uppercase}.play-all-btn:hover{transform:scale(1.06)}.liked-songs-content{background:#121212;min-height:calc(100vh - 400px);padding:8px 32px 24px}.empty-state{padding:80px 20px}.empty-state svg{margin-bottom:24px;opacity:.5}.empty-state h2{font-size:32px;font-weight:700;margin:0 0 12px}.empty-state p{font-size:16px;margin:0}.songs-list-header{margin-bottom:12px}.song-row,.songs-list-header{grid-template-columns:50px 1fr 140px}.song-row{transition:background .2s ease}.song-row:hover{background:#ffffff0a;transform:translateY(-2px)}.col-title span{font-weight:400}.col-title{font-size:16px}.col-artist{color:#b3b3b3;font-size:14px}.col-actions button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex:0 0 30px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.col-actions button svg{pointer-events:none}.unlike-btn:hover{background:#ffffff1a;transform:scale(1.1)}.loading{color:#fff;font-size:18px}@media (max-width:768px){.liked-songs-header{align-items:center;flex-direction:column;padding:40px 20px 20px;text-align:center}.header-icon{height:192px;width:192px}.liked-songs-header h1{font-size:48px}.song-row,.songs-list-header{grid-template-columns:40px 1fr 120px}.liked-songs-content{padding:16px}}.action-btn-song{color:#b3b3b3;opacity:0;pointer-events:none}.song-row:hover .action-btn-song{opacity:1;pointer-events:auto}.action-btn-song:hover{background:#ffffff14;color:#fff;transform:scale(1.05)}.unlike-btn{color:#ffb800}.unlike-btn:hover{background:#ffb8001f;color:#ffc933;transform:scale(1.05)}.playlists-container{background:#121212;height:100%;overflow-y:auto;padding:16px 32px;width:100%}.playlists-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.playlists-header h1{color:#fff;font-size:48px;font-weight:700;margin:0}.create-playlist-btn{align-items:center;background:#f80000;border:none;border-radius:500px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s}.create-playlist-btn:hover{background:#f44;transform:scale(1.05)}.playlists-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.playlist-card{background:#181818;border-radius:8px;cursor:pointer;padding:16px;transition:all .3s}.playlist-card:hover{background:#282828;transform:translateY(-4px)}.playlist-cover{aspect-ratio:1;background:#282828;border-radius:8px;margin-bottom:16px;overflow:hidden;width:100%}.playlist-cover img{height:100%;object-fit:cover;width:100%}.playlist-placeholder{align-items:center;color:#b3b3b3;display:flex;height:100%;justify-content:center;width:100%}.playlist-info h3{color:#fff;font-size:16px;font-weight:700}.playlist-info h3,.playlist-info p{margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-info p{color:#b3b3b3;font-size:14px}.playlist-count{color:#b3b3b3;font-size:12px}.empty-playlists{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.empty-playlists svg{margin-bottom:24px;opacity:.5}.empty-playlists h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.empty-playlists p{font-size:16px;margin:0 0 24px}.create-first-btn{align-items:center;background:#f80000;border:none;border-radius:500px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:12px 32px;transition:all .2s}.create-first-btn:hover{background:#f44;transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s;background:#282828;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.form-group input,.form-group textarea{background:#121212;border:1px solid #404040;border-radius:4px;color:#fff;font-family:inherit;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#f80000;outline:none}.form-group textarea{min-height:80px;resize:vertical}.error-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:4px;color:#ff6b6b;font-size:14px;margin-bottom:16px;padding:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-create{border:none;border-radius:500px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 32px;transition:all .2s}.btn-cancel{background:#0000;border:1px solid #b3b3b3;color:#fff}.btn-cancel:hover:not(:disabled){border-color:#fff;transform:scale(1.05)}.btn-create{background:#f80000;color:#fff}.btn-create:hover:not(:disabled){background:#f44;transform:scale(1.05)}.btn-cancel:disabled,.btn-create:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.playlists-container{padding:16px}.playlists-header{align-items:flex-start;flex-direction:column;gap:16px}.playlists-header h1{font-size:32px}.playlists-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-content{width:95%}.modal-content form,.modal-header{padding:16px}}.playlist-detail-container{background:linear-gradient(180deg,#3a0a00,#121212 30%);height:100%;overflow-y:auto;width:100%}.playlist-detail-header{align-items:flex-end;display:flex;gap:24px;padding:20px 32px 24px}.header-cover{background:#282828;border-radius:4px;box-shadow:0 4px 60px #00000080;flex-shrink:0;height:232px;overflow:hidden;width:232px}.header-cover img{height:100%;object-fit:cover;width:100%}.cover-placeholder{align-items:center;background:linear-gradient(135deg,#f80000,#ff8533);color:#b3b3b3;display:flex;height:100%;justify-content:center;width:100%}.header-info{display:flex;flex-direction:column;gap:8px}.playlist-detail-header h1{color:#fff;font-size:72px;font-weight:900;line-height:1;margin:0}.description{color:#ffffffb3;font-size:14px;margin:8px 0}.playlist-meta{align-items:center;color:#fff;display:flex;font-size:14px;gap:8px}.playlist-actions{align-items:center;background:linear-gradient(#0009,#121212);display:flex;flex-wrap:nowrap;gap:12px;padding:16px 32px}.playlist-actions button{white-space:nowrap}.play-all-btn{padding:10px 24px}.delete-playlist-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:500px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:10px 24px;transition:all .2s}.delete-playlist-btn:hover{border-color:#fff;transform:scale(1.05)}.playlist-songs{background:#121212;min-height:calc(100vh - 400px);padding:24px 32px}.confirm-overlay{align-items:center;animation:fadeInConfirm .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.confirm-dialog{animation:scaleInConfirm .18s ease-out;background:#1a1a1a;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #00000073;padding:32px;text-align:center;width:min(420px,calc(100% - 40px))}.confirm-icon{align-items:center;background:#ff6b001f;border-radius:50%;color:#ff6b00;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.confirm-dialog h3{color:#fff;font-size:22px;margin-bottom:12px}.confirm-dialog p{color:#cbd5f5;font-size:15px;line-height:1.5;margin-bottom:24px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-cancel-btn,.confirm-delete-btn{border:none;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 20px;transition:all .2s ease}.confirm-cancel-btn{background:#0000;border:1px solid #ffffff40;color:#fff}.confirm-cancel-btn:hover:not(:disabled){border-color:#ffffff73;transform:translateY(-1px)}.confirm-delete-btn{background:#f80000;box-shadow:0 10px 24px #f8000040;color:#fff}.confirm-delete-btn:hover:not(:disabled){background:#f44;box-shadow:0 12px 28px #ff44444d;transform:translateY(-1px)}.confirm-cancel-btn:disabled,.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes fadeInConfirm{0%{opacity:0}to{opacity:1}}@keyframes scaleInConfirm{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.empty-playlist{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-playlist svg{margin-bottom:24px;opacity:.5}.empty-playlist h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.empty-playlist p{font-size:16px;margin:0}.songs-list{width:100%}.songs-list-header{margin-bottom:16px;padding:12px 20px}.song-row,.songs-list-header{grid-template-columns:50px 1fr 80px}.song-row{padding:10px 20px}.col-title{color:#fff;font-size:14px;font-weight:400;overflow:hidden}.col-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-title img{height:40px;width:40px}.col-artist{display:none}.col-actions{align-items:center;flex-shrink:0;flex-wrap:nowrap;min-width:0;white-space:nowrap}.remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;flex:0 0 30px;height:30px;justify-content:center;opacity:0;pointer-events:none;transition:all .2s ease;width:30px}.song-row:hover .remove-btn{opacity:1;pointer-events:auto}.remove-btn:hover{background:#ef444426;color:#ef4444;transform:scale(1.05)}.error-state,.loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:18px;gap:16px;height:100vh;justify-content:center}.error-state button{background:#f80000;border:none;border-radius:500px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .2s}.error-state button:hover{background:#f44;transform:scale(1.05)}@media (max-width:768px){.playlist-detail-header{align-items:center;flex-direction:column;padding:40px 20px 20px;text-align:center}.header-cover{height:192px;width:192px}.playlist-detail-header h1{font-size:32px}.playlist-actions{flex-wrap:wrap;padding:16px}.song-row,.songs-list-header{grid-template-columns:40px 1fr 80px}.playlist-songs{padding:16px}}.artist-detail-container{margin:0 auto;max-width:1400px;padding:32px}.artist-detail-header{align-items:flex-end;background:linear-gradient(180deg,#f8000033,#0000);border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:24px}.artist-header-image{border-radius:50%;box-shadow:0 8px 24px #00000080;flex-shrink:0;height:232px;overflow:hidden;width:232px}.artist-header-image img{height:100%;object-fit:cover;width:100%}.artist-header-info{flex:1 1}.header-type{color:#fff;display:block;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.artist-header-info h1{color:#fff;font-size:72px;font-weight:900;line-height:1;margin:0 0 16px}.artist-header-info p{color:#b3b3b3;font-size:14px;margin:0}.artist-actions{gap:16px;margin-bottom:32px;padding:0 24px}.artist-actions,.play-all-btn{align-items:center;display:flex}.play-all-btn{background:#f80000;border:none;border-radius:500px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;gap:8px;padding:14px 32px;transition:all .2s}.play-all-btn:hover{background:#f44;transform:scale(1.05)}.artist-songs{padding:0 24px}.songs-list-header{border-bottom:1px solid #282828;color:#b3b3b3;font-size:12px;font-weight:500;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.song-row,.songs-list-header{grid-gap:16px;display:grid;gap:16px;grid-template-columns:50px 1fr 100px;padding:12px 16px}.song-row{align-items:center;border-radius:4px;cursor:pointer;transition:background .2s}.song-row:hover{background:#ffffff1a}.song-row.playing{background:#f800001a}.song-row.playing .col-index{color:#f80000}.col-index{color:#b3b3b3;font-size:16px;text-align:center}.col-title{align-items:center;cursor:pointer;display:flex;gap:12px;min-width:0}.col-title img{border-radius:4px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.title-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.song-title{color:#fff;font-size:14px;font-weight:600}.song-subtitle,.song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-subtitle{color:#b3b3b3;font-size:12px}.col-title>span{color:#fff;font-weight:600}.col-artist-ch,.col-title>span{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-artist-ch{color:#b3b3b3}.col-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;background:#0000;border:1px solid #b3b3b3;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;transition:all .2s;width:32px}.song-row:hover .action-btn{opacity:1}.action-btn:hover{background:#ffffff1a;border-color:#fff;color:#fff;transform:scale(1.1)}.empty-state{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.empty-state h2{color:#fff;font-size:24px;margin:16px 0}.empty-state button{background:#fff;border:none;border-radius:500px;color:#000;cursor:pointer;font-size:14px;font-weight:700;margin-top:16px;padding:12px 32px;transition:all .2s}.empty-state button:hover{transform:scale(1.05)}.load-more-container{display:flex;justify-content:center;margin-top:16px;padding:32px 0}.load-more-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:500px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:14px 32px;transition:all .2s}.load-more-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.artist-detail-container .song-row.with-artist,.artist-detail-container .songs-list-header.with-artist{grid-template-columns:50px 1fr 200px 100px}@media (max-width:768px){.artist-detail-header{align-items:center;flex-direction:column;text-align:center}.artist-header-image{height:180px;width:180px}.artist-header-info h1{font-size:48px}.song-row,.songs-list-header{grid-template-columns:40px 1fr 80px}.col-artist-ch{display:none}.action-btn{opacity:1}}@media (max-width:480px){.artist-detail-container{padding:16px}.artist-header-image{height:150px;width:150px}.artist-header-info h1{font-size:32px}.artist-actions,.artist-songs{padding:0 8px}.col-title img{height:40px;width:40px}}.install-prompt{animation:slideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:1px solid #ffffff1a;border-radius:20px;bottom:20px;box-shadow:0 8px 32px #8b5cf666;left:20px;padding:20px;position:fixed;right:20px;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.install-prompt-content{display:flex;flex-direction:column;gap:16px}.install-prompt-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.install-prompt-header h3{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.dismiss-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.dismiss-btn:hover{background:#ffffff4d;transform:scale(1.08)}.dismiss-btn:active{transform:scale(.95)}.install-prompt-text{color:#fffffff2;font-size:14px;font-weight:500;line-height:1.5;margin:0}.android-prompt .install-btn{background:#ffffffe6;border:none;border-radius:12px;color:var(--primary);cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.3px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease;width:100%}.android-prompt .install-btn:hover{background:#fff;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.android-prompt .install-btn:active{transform:translateY(0)}.ios-prompt{background:linear-gradient(135deg,#8b5cf6f2,#7c3aedf2)}.ios-instructions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.instruction-step{color:#ffffffe6;font-size:14px;gap:12px;line-height:1.4}.instruction-step,.step-number{align-items:center;display:flex}.step-number{background:#ffffff40;border-radius:50%;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}@media (max-width:480px){.install-prompt{bottom:16px;left:16px;padding:16px;right:16px}.install-prompt-header h3{font-size:16px}.install-prompt-text{font-size:13px}.dismiss-btn{font-size:20px;height:28px;width:28px}.instruction-step{font-size:13px}.step-number{font-size:12px;height:24px;width:24px}}@media (max-width:360px){.install-prompt{bottom:12px;left:12px;padding:14px;right:12px}.install-prompt-header h3{font-size:15px}.install-prompt-text{font-size:12px}}.install-prompt button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.install-prompt{animation:none;opacity:1}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f80000;--primary-dark:#c00000;--primary-light:#f44;--secondary:#ff6b00;--dark-bg:#0f172a;--darker-bg:#020617;--card-bg:#ffffff08;--card-hover:#ffffff0f;--glass-bg:#0f172a99;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--shadow:#00000080;--glow:#f8000066}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;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;margin:0;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}body:before{animation:gradientShift 15s ease infinite;background:radial-gradient(circle at 30% 20%,#f8000026 0,#0000 50%),radial-gradient(circle at 70% 80%,#ff6b001a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes gradientShift{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}#root{min-height:100vh;z-index:1}#root,.app{display:flex;position:relative;width:100%}.app{flex-direction:column;overflow-x:hidden;overflow-y:auto}.app-container{min-height:100%;overflow:visible;width:100%}.app-container,.player-container{display:flex;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.player-container{-webkit-overflow-scrolling:touch;align-items:center;flex:1 1;flex-direction:column;height:100%;overflow-y:auto;padding:max(env(safe-area-inset-top),20px) max(env(safe-area-inset-right),16px) max(env(safe-area-inset-bottom),20px) max(env(safe-area-inset-left),16px)}.player-section{display:flex;flex-direction:column;gap:clamp(20px,3vh,32px);isolation:isolate;margin:0 auto;max-width:480px;min-height:calc(100vh - max(env(safe-area-inset-top), 20px) - max(env(safe-area-inset-bottom), 20px) - 40px);padding:0 0 max(env(safe-area-inset-bottom),20px);position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.loading-spinner{border:4px solid #ffffff08;border:4px solid var(--card-bg);border-top-color:var(--primary);height:52px;width:52px}:focus-visible{border-radius:4px;outline:2px solid #f80000;outline:2px solid var(--primary);outline-offset:3px}::selection{background:#f800004d;color:#fff;color:var(--text-primary)}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}html{scroll-behavior:smooth}button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width:1024px){.player-container{padding:max(env(safe-area-inset-top),24px) max(env(safe-area-inset-right),20px) max(env(safe-area-inset-bottom),24px) max(env(safe-area-inset-left),20px)}.player-section{gap:24px;max-width:420px}}@media (max-width:768px){body:before{opacity:.7}.player-container{padding:max(env(safe-area-inset-top),16px) max(env(safe-area-inset-right),16px) max(env(safe-area-inset-bottom),24px) max(env(safe-area-inset-left),16px)}.player-section{gap:20px;max-width:100%;padding-bottom:max(env(safe-area-inset-bottom),24px)}}@media (max-width:480px){.player-container{padding:max(env(safe-area-inset-top),12px) max(env(safe-area-inset-right),12px) max(env(safe-area-inset-bottom),20px) max(env(safe-area-inset-left),12px)}.player-section{gap:18px;padding-bottom:max(env(safe-area-inset-bottom),20px)}}@media (max-width:390px){.player-section{gap:16px}}@media (max-width:360px){.player-section{gap:14px}}@media (min-width:1024px){.app.playlist-visible .player-container{width:calc(100% - 440px)}}@media print{.close-playlist,.controls,.search-container{display:none!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.album-art,.search-suggestion img,.song-thumbnail{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-screen{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #282828;border-radius:50%;border-top-color:#f80000;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{color:#b3b3b3;font-size:16px;margin-top:16px}.app{background:#000;min-height:100vh}
/*# sourceMappingURL=main.a3e82e17.css.map*/