body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#191414,#1e1e1e);box-sizing:border-box;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:16px}.login-container{max-width:500px;text-align:center;width:100%}.login-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border-radius:16px;padding:60px 40px}.login-content h1{color:#1db954;font-size:3rem;font-weight:700;margin-bottom:16px}.login-content p{color:#b3b3b3;font-size:1.2rem;margin-bottom:40px}.login-button{background-color:#1db954;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:16px 48px;text-transform:uppercase;transition:all .3s ease}.login-button:hover{background-color:#1ed760;transform:scale(1.05)}.login-button:active{transform:scale(.98)}.dashboard-container{max-width:700px;width:100%}.dashboard-content{display:flex;flex-direction:column;height:calc(100vh - 32px);justify-content:space-between;overflow:hidden;padding:0}.bottom-section{display:flex;flex-direction:column;gap:12px}.dashboard-content h1{color:#1db954;font-size:2.5rem;font-weight:700}.tracks-list{list-style-position:inside;margin:0 0 40px;padding:0;text-align:left}.track-item{background-color:#ffffff14;border-left:4px solid #0000;border-radius:8px;font-size:1.1rem;margin-bottom:12px;padding:20px 24px;transition:all .2s ease}.track-item:hover{background-color:#ffffff1f;border-left-color:#1db954;transform:translateX(4px)}.track-name{color:#fff;font-weight:600}.track-separator{color:#b3b3b3;margin:0 8px}.track-artist{color:#b3b3b3}.logout-button{background-color:initial;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;letter-spacing:1px;margin:0 auto;padding:12px 40px;text-transform:uppercase;transition:all .3s ease}.logout-button:hover{background-color:#fff;color:#191414}.logout-button:active{transform:scale(.98)}.dashboard-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.dashboard-header h1{margin:0}.header-actions{align-items:center;display:flex;gap:12px}.search-icon-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.search-icon-button:hover{background:#fff3}.profile-menu-container{position:relative}.profile-button{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;height:44px;overflow:hidden;padding:0;transition:all .2s ease;width:44px}.profile-button:hover{background:#fff3}.profile-avatar{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:100%;justify-content:center;width:100%}.profile-dropdown{animation:fadeIn .2s ease;background:#282828;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;min-width:200px;padding:16px;position:absolute;right:0;top:calc(100% + 10px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-info{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px}.profile-name{color:#fff;font-size:1rem;font-weight:600}.profile-email{color:#b3b3b3;font-size:.85rem}.profile-logout-button{background:#0000;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease;width:100%}.profile-logout-button:hover{background:#ffffff1a;border-color:#fff6}.language-switcher{display:flex;gap:8px;margin-bottom:12px}.lang-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.lang-btn:hover{background:#ffffff1a;color:#fff}.lang-btn.active{background:#1db954;border-color:#1db954;color:#fff}.search-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:2000}.search-modal{animation:slideDown .3s ease;background:#282828;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 16px 48px #00000080;max-height:70vh;max-width:500px;overflow:hidden;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.search-modal-header h2{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.search-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.search-modal-close:hover{background:#fff3}.search-modal-content{max-height:calc(70vh - 80px);overflow-y:auto;padding:20px 24px}.search-modal .search-input-wrapper{margin-bottom:16px}.search-modal .search-results{background:#0000;border:none;box-shadow:none;max-height:none;position:static}.search-modal .search-result-item{background:#ffffff0d}.search-modal .search-result-item:hover{background:#ffffff1a}.loading-container{max-width:500px;text-align:center;width:100%}.loading{animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border-radius:16px;color:#1db954;font-size:1.5rem;padding:60px 40px}.error{padding:20px;text-align:center}.error h2{color:#f44;margin-bottom:16px}.error p{color:#b3b3b3;margin-bottom:24px}.player-status{background-color:#1db9541a;border-radius:8px;color:#1db954;font-weight:500;margin-bottom:20px;padding:20px;text-align:center}.search-container{margin-bottom:24px;width:100%}.search-input-wrapper{align-items:center;display:flex;gap:12px}.search-loading{animation:blink 1s infinite;color:#ffffff80;font-size:1.2rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.search-hint{color:#fff6;font-size:.85rem;padding:12px;text-align:center}.search-input{background-color:#ffffff14;border:2px solid #ffffff1a;border-radius:50px;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:14px 20px;transition:all .2s ease}.search-input::placeholder{color:#b3b3b3}.search-input:focus{background-color:#ffffff1f;border-color:#1db954}.search-button{background-color:#1db954;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease;white-space:nowrap}.search-button:hover:not(:disabled){background-color:#1ed760;transform:scale(1.02)}.search-button:disabled{cursor:not-allowed;opacity:.6}.search-results{background-color:#ffffff0d;border-radius:12px;margin-top:12px;max-height:320px;overflow:hidden;overflow-y:auto}.search-result-item{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff0d;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#1db95426}.search-result-image{border-radius:4px;height:48px;object-fit:cover;width:48px}.search-result-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.search-result-name{font-size:.95rem;font-weight:600}.search-result-artist,.search-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-artist{color:#b3b3b3;font-size:.85rem}.playback-status{gap:16px;justify-content:center;margin-bottom:20px}.playback-status,.song-counter{align-items:center;display:flex}.song-counter{background:linear-gradient(135deg,#1db95426,#1db9540d);border:2px solid #1db9544d;border-radius:12px;flex-direction:column;padding:12px 24px}.counter-label{color:#1db954;font-size:.7rem;font-weight:600;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.counter-number{color:#1db954;font-size:1.8rem;font-weight:700;line-height:1}.status-indicator{align-items:center;background-color:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;display:flex;gap:10px;padding:10px 20px;transition:all .3s ease}.status-dot{border-radius:50%;height:12px;transition:all .3s ease;width:12px}.status-text{font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.status-indicator.playing{background-color:#1db9541a;border-color:#1db95480}.status-indicator.playing .status-dot{animation:pulse 1.5s ease-in-out infinite;background-color:#1db954;box-shadow:0 0 0 0 #1db954b3}.status-indicator.playing .status-text{color:#1db954}.status-indicator.paused .status-dot{background-color:#b3b3b3}.status-indicator.paused .status-text{color:#b3b3b3}@keyframes pulse{0%{box-shadow:0 0 0 0 #1db954b3}50%{box-shadow:0 0 0 8px #1db95400}to{box-shadow:0 0 0 0 #1db95400}}.game-controls{align-items:center;gap:12px}.duration-controls,.game-controls{display:flex;flex-direction:column}.duration-controls{gap:8px;width:100%}.duration-row{align-items:center;display:flex;gap:12px;width:100%}.duration-row.secondary{background-color:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:10px 14px}.duration-label{color:#b3b3b3;font-size:.9rem;font-weight:500;min-width:100px;white-space:nowrap}.duration-value{color:#1db954;font-weight:700}.duration-toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.duration-toggle-btn:hover{background:#ffffff1a;color:#fff}.game-buttons{align-items:center;display:flex;gap:16px}.duration-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;flex:1 1;height:24px;outline:none}.duration-slider::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:4px;height:8px;width:100%}.duration-slider::-moz-range-track{background:#ffffff1a;border-radius:4px;height:8px;width:100%}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1db954;border-radius:50%;box-shadow:0 2px 8px #1db95480;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.duration-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 12px #1db954b3;transform:scale(1.2)}.duration-slider::-moz-range-thumb{background:#1db954;border:none;border-radius:50%;box-shadow:0 2px 8px #1db95480;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.duration-slider::-moz-range-thumb:hover{box-shadow:0 3px 12px #1db954b3;transform:scale(1.2)}.duration-helper{color:#9ca3af;font-size:.85rem;text-align:center}.reset-button{background:none;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;margin-top:6px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.reset-button:hover:not(:disabled){border-color:#1db954;color:#1db954}.reset-button:disabled{cursor:not-allowed;opacity:.5}.reintentar-section{align-items:center;background-color:#3b82f614;border:1px solid #3b82f633;border-radius:12px;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;width:100%}.reintentar-label{color:#60a5fa;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.reintentar-buttons{display:flex;gap:8px}.reintentar-button{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:8px;box-shadow:0 2px 6px #3b82f64d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-width:50px;padding:8px 14px;transition:all .2s ease}.reintentar-button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f680;transform:translateY(-2px)}.reintentar-button:active:not(:disabled){box-shadow:0 1px 4px #3b82f64d;transform:translateY(0)}.reintentar-button:disabled{cursor:not-allowed;opacity:.5}.pause-button{background:linear-gradient(135deg,#9333ea,#a855f7);border:none;border-radius:50px;box-shadow:0 3px 10px #9333ea66;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:1px;padding:10px 24px;text-transform:uppercase;transition:all .3s ease}.pause-button:hover:not(:disabled){box-shadow:0 6px 20px #9333ea99;transform:translateY(-2px)}.pause-button:active:not(:disabled){box-shadow:0 2px 10px #9333ea66;transform:translateY(0)}.pause-button:disabled{cursor:not-allowed;opacity:.5}.siguiente-button{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 3px 10px #1db95466;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:1px;padding:10px 24px;text-transform:uppercase;transition:all .3s ease}.siguiente-button:hover{box-shadow:0 6px 20px #1db95499;transform:translateY(-2px)}.siguiente-button:active{box-shadow:0 2px 10px #1db95466;transform:translateY(0)}.revelar-container{display:flex;gap:16px;justify-content:center;margin-bottom:30px}.revelar-button{background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 24px;text-transform:uppercase;transition:all .2s ease}.revelar-button:hover{filter:brightness(1.1)}.revelar-button:active{transform:scale(.98)}.hint-button{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;box-shadow:0 3px 10px #6366f166;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:10px 24px;text-transform:uppercase;transition:all .2s ease}.hint-button:hover{filter:brightness(1.1)}.hint-button:active{transform:scale(.98)}.hint-display{align-items:center;background:linear-gradient(135deg,#6366f126,#6366f10d);border:2px solid #6366f14d;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:16px 24px}.hint-label{color:#818cf8;font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.hint-value{color:#fff;font-size:1.3rem;font-weight:700}.track-item.playing{background-color:#1db95433;border-left-color:#1db954}.now-playing-indicator{animation:pulse 1.5s ease-in-out infinite;color:#1db954;font-size:1.2rem;margin-left:8px}.player-controls{background-color:#ffffff14;border:1px solid #1db9544d;border-radius:12px;padding:16px;position:relative}.song-counter-badge{background:#1db95433;border:1px solid #1db95466;border-radius:20px;color:#1db954;font-size:.85rem;font-weight:700;padding:4px 10px;position:absolute;right:12px;top:12px}.now-playing{margin-bottom:20px}.track-info{align-items:center;display:flex;gap:16px}.album-art-container{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.album-art-container.hidden{cursor:pointer}.album-art-container.hidden:hover .album-art-hidden{background:linear-gradient(135deg,#1db9544d,#1db95426);border-color:#1db954}.album-art-container.hidden:hover .album-art-hidden span{color:#1db954;transform:scale(1.1)}.album-art{border-radius:8px;box-shadow:0 4px 8px #0000004d;height:100%;object-fit:cover;width:100%}.album-art-hidden{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px dashed #ffffff4d;border-radius:8px;display:flex;height:100%;justify-content:center;transition:all .2s ease;width:100%}.album-art-hidden span{color:#ffffff80;font-size:2rem;font-weight:700;transition:all .2s ease}.track-details{display:flex;flex:1 1;flex-direction:column;gap:8px;text-align:left}.track-artist-container,.track-name-container{border-radius:6px;padding:8px 12px;transition:all .2s ease}.track-artist-container.hidden,.track-name-container.hidden{background:#ffffff0d;border:1px dashed #fff3;cursor:pointer}.track-artist-container.hidden:hover,.track-name-container.hidden:hover{background:#1db95426;border-color:#1db95480}.track-artist-container.hidden:hover .track-hidden,.track-name-container.hidden:hover .track-hidden{color:#1db954}.track-artist-container.revealed,.track-name-container.revealed{background:none;border:none;padding:0}.track-hidden{align-items:center;color:#fff6;display:flex;font-size:.9rem;font-style:italic;font-weight:500;gap:8px;transition:color .2s ease}.revelar-hint{align-items:center;display:inline-flex;opacity:.5;transition:opacity .2s ease}.track-artist-container.hidden:hover .revelar-hint,.track-name-container.hidden:hover .revelar-hint{opacity:1}.album-art-hidden .revelar-hint{display:block;margin-top:6px;opacity:.4}.track-details .track-name{color:#fff;font-size:1.2rem;font-weight:700}.track-details .track-artist{color:#b3b3b3;font-size:1rem}.seek-container{align-items:center;display:flex;gap:10px;margin-bottom:12px;width:100%}.seek-time{color:#ffffff80;font-size:.75rem;min-width:36px;text-align:center}.seek-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1db954;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:12px}.seek-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.seek-slider::-moz-range-thumb{background:#1db954;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.control-buttons{align-items:stretch;display:flex;gap:10px;width:100%}.control-btn{align-items:center;background-color:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;height:48px;justify-content:center;padding:0 12px;transition:all .2s ease}.control-btn:hover{background-color:#ffffff1f;border-color:#ffffff40}.control-btn:active{transform:scale(.97)}.control-btn.play-pause{background-color:#1db954;border-color:#1db954;font-size:1.3rem;transition:all .3s ease,box-shadow .3s ease}.control-btn.play-pause:hover{background-color:#1ed760;border-color:#1ed760}.control-btn.play-pause.playing{animation:pulse-button 1.5s ease-in-out infinite;box-shadow:0 0 0 0 #1db954b3}@keyframes pulse-button{0%{box-shadow:0 0 0 0 #1db954b3}50%{box-shadow:0 0 0 10px #1db95400}to{box-shadow:0 0 0 0 #1db95400}}.control-btn.reveal-btn{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#0000}.control-btn.reveal-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#fcd34d)}.control-btn.reveal-btn.revealed{background:#ffffff0d;border-color:#ffffff1a;opacity:.5}.control-btn.next-btn{background:linear-gradient(135deg,#9333ea,#a855f7);border-color:#0000;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.control-btn.next-btn:hover{background:linear-gradient(135deg,#a855f7,#c084fc)}.player-controls .revelar-button{margin-top:16px;width:100%}@media (max-width:768px){.login-content h1{font-size:2.2rem}.login-content{padding:40px 30px}.dashboard-content{height:calc(100vh - 32px);padding:0}.dashboard-content h1{font-size:2rem}.track-item{padding:16px 20px}.track-details .track-name,.track-item{font-size:1rem}.track-details .track-artist{font-size:.9rem}.control-btn{font-size:1rem;height:44px}.control-btn.play-pause{font-size:1.2rem}.control-btn.next-btn{font-size:.75rem}.game-buttons{flex-direction:column;gap:12px;width:100%}.reintentar-section{flex-direction:column;gap:10px;width:100%}.reintentar-buttons{flex-wrap:wrap;justify-content:center}.reintentar-button{font-size:.8rem;min-width:45px;padding:8px 12px}.pause-button,.siguiente-button{font-size:.9rem;max-width:200px;padding:10px 20px;width:100%}.revelar-container{align-items:center;flex-direction:column}.hint-button,.revelar-button{font-size:.9rem;max-width:180px;padding:10px 24px;width:100%}.hint-display{padding:12px 20px}.hint-value{font-size:1.1rem}.playback-status{flex-direction:column;gap:12px}.song-counter{padding:10px 20px}.counter-number{font-size:1.5rem}.search-input-wrapper{flex-direction:column}.search-input{padding:12px 16px}.search-button{padding:12px 24px}.search-result-image{height:40px;width:40px}}
/*# sourceMappingURL=main.8125ecc7.css.map*/