.home-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.hero-section{background:linear-gradient(135deg,#1db954e6,#ff3300e6,#ff0000e6);background-position:50%;background-size:cover;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--light-color);margin-bottom:4rem;overflow:hidden;padding:6rem 1.5rem 5rem;position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle at 70% 20%,#ffffff4d,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-section h1{animation:fadeIn 1s ease-out;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem;text-shadow:0 2px 10px #0000004d}.hero-section p{animation:fadeIn 1.2s ease-out;font-size:clamp(1.1rem,2vw,1.3rem);margin:0 auto 3rem;max-width:700px;opacity:.9;text-shadow:0 1px 5px #0000004d}.cta-button{animation:fadeIn 1.4s ease-out;background-color:var(--light-color);border-radius:50px;box-shadow:0 4px 20px #0000004d;color:var(--dark-color);display:inline-block;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.cta-button:after{background:linear-gradient(90deg,var(--spotify-color),var(--soundcloud-color),var(--youtube-color));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.19,1,.22,1);width:100%;z-index:-1}.cta-button:hover{box-shadow:0 10px 30px #0006;color:#fff;transform:translateY(-5px) scale(1.05)}.cta-button:hover:after{transform:scaleX(1);transform-origin:left}.features-section{grid-gap:2.5rem;animation:staggerFadeIn 1s ease-out forwards;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:5rem;padding:1rem .5rem}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature{background-color:var(--card-bg-light);border:1px solid #0000000a;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1)}body.theme-dark .feature{background-color:var(--card-bg-dark);border:1px solid #ffffff0a}.feature:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.feature:first-child:before{background-color:var(--spotify-color)}.feature:nth-child(2):before{background-color:var(--youtube-color)}.feature:nth-child(3):before{background-color:var(--soundcloud-color)}.feature:hover:before{transform:scaleX(1)}.feature-icon{display:inline-block;font-size:3rem;margin-bottom:1.5rem;position:relative;z-index:1}.feature:first-child .feature-icon{color:var(--spotify-color)}.feature:nth-child(2) .feature-icon{color:var(--youtube-color)}.feature:nth-child(3) .feature-icon{color:var(--soundcloud-color)}.feature h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature p{color:var(--text-muted);line-height:1.6}.how-it-works{animation:gradientBg 15s ease infinite;background-color:var(--card-bg-light);background-image:linear-gradient(135deg,#1db9540d,#ff33000d,#ff00000d);background-size:400% 400%;border:1px solid #0000000d;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:5rem 2rem;position:relative}@keyframes gradientBg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body.theme-dark .how-it-works{background-color:var(--card-bg-dark);background-image:linear-gradient(135deg,#1db9541a,#ff33001a,#ff00001a);border:1px solid #ffffff0d}.how-it-works:before{background:radial-gradient(circle,#1db95433,#0000 70%);height:300px;right:-150px;top:-150px;width:300px}.how-it-works:after,.how-it-works:before{border-radius:50%;content:"";position:absolute;z-index:0}.how-it-works:after{background:radial-gradient(circle,#ff330026,#0000 70%);bottom:-100px;height:250px;left:-100px;width:250px}.how-it-works h2{font-size:2.2rem;font-weight:800;margin-bottom:3rem;position:relative;text-align:center;z-index:1}.how-it-works h2:after{background:linear-gradient(90deg,var(--spotify-color),var(--soundcloud-color));border-radius:2px;content:"";display:block;height:4px;margin:1rem auto 0;width:80px}.steps{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));z-index:1}.step,.steps{position:relative}.step{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff9;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:2rem 1.5rem;text-align:center;transition:transform .4s ease,box-shadow .4s ease}body.theme-dark .step{background:#1e1e1eb3;border:1px solid #ffffff1a}.step:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.step-number{background:linear-gradient(135deg,var(--spotify-color),var(--spotify-dark));border-radius:50%;box-shadow:0 5px 15px #1db9544d;color:var(--light-color);font-size:1.4rem;height:60px;margin:0 auto 1.5rem;width:60px}.step:nth-child(2) .step-number{background:linear-gradient(135deg,var(--youtube-color),var(--youtube-dark));box-shadow:0 5px 15px #ff00004d}.step:nth-child(3) .step-number{background:linear-gradient(135deg,var(--soundcloud-color),var(--soundcloud-dark));box-shadow:0 5px 15px #ff33004d}.step h3{font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.step p{color:var(--text-muted)}.music-bg-gradient{animation:gradientBg 15s ease infinite;background:linear-gradient(135deg,#1db95433,#f303,#f003);background-size:400% 400%;overflow:hidden;position:relative}.music-bg-gradient:before{background-image:radial-gradient(circle at 20% 30%,#1db9544d 0,#0000 30%),radial-gradient(circle at 80% 20%,#ff33004d 0,#0000 30%),radial-gradient(circle at 50% 80%,#ff00004d 0,#0000 30%);content:"";height:100%;opacity:.8;position:absolute;width:100%}.music-note-pattern{position:relative}.music-note-pattern:after{content:"♪ ♫ ♬ ♩ ♪ ♫ ♬ ♩ ♪ ♫ ♬ ♩ ♪ ♫ ♬ ♩ ♪ ♫ ♬ ♩";font-size:24px;height:100%;left:0;letter-spacing:10px;opacity:.05;overflow:hidden;pointer-events:none;position:absolute;top:0;transform:rotate(-5deg);white-space:wrap;width:100%;z-index:0}.login-container{animation:fadeIn .6s ease;margin:0 auto;max-width:1400px;padding:2.5rem 1.5rem 4rem}.login-header{margin-bottom:3rem;position:relative;text-align:center}.login-header h1{background:linear-gradient(90deg,var(--spotify-color),var(--soundcloud-color),var(--youtube-color));-webkit-background-clip:text;color:#0000;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-1px;margin-bottom:1rem}.login-header p{color:#444;color:var(--text-color,#444);font-size:1.05rem;line-height:1.5;margin:0 auto;max-width:700px}.platform-cards{grid-gap:2rem clamp(1rem,2vw,2.5rem);align-items:stretch;display:grid;gap:2rem clamp(1rem,2vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.platform-card{backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:linear-gradient(145deg,#ffffffd9,#ffffff8c);border:1px solid #fff6;border-radius:26px;box-shadow:0 8px 24px -8px #0000002e,0 2px 6px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:1.75rem 1.5rem 2rem;position:relative;transition:transform .45s cubic-bezier(.22,.99,.38,1.21),box-shadow .35s ease,border-color .4s ease}.theme-dark .platform-card,body.theme-dark .platform-card{background:linear-gradient(155deg,#282828d9,#191919a6);border:1px solid #ffffff0f}.platform-card:before{background:radial-gradient(circle at 30% 20%,#ffffff59,#0000 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease}.platform-card:hover:before{opacity:1}.platform-card:hover{box-shadow:0 14px 36px -10px #00000047,0 4px 14px #0000002e;transform:translateY(-10px) scale(1.015)}.platform-card.spotify{border-top:5px solid var(--spotify-color)}.platform-card.youtube{border-top:5px solid var(--youtube-color)}.platform-card.soundcloud{border-top:5px solid var(--soundcloud-color)}.platform-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.1rem}.platform-logo{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff6,#ffffff26);border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff80,0 4px 12px #0000001f;display:flex;height:66px;justify-content:center;overflow:hidden;width:66px}.platform-logo img{height:75%;object-fit:contain;width:75%}.platform-info h2{font-size:1.25rem;letter-spacing:-.5px;margin:0 0 .4rem}.platform-info p{font-size:.85rem;line-height:1.3;opacity:.8}.platform-features{flex:1 1;margin-bottom:1.1rem}.platform-features ul{display:flex;flex-direction:column;gap:.55rem}.platform-features li{align-items:flex-start;display:flex;font-size:.85rem;gap:.4rem;line-height:1.25}.platform-button{border:none;border-radius:14px;box-shadow:0 6px 18px -6px #00000059;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:.95rem 1.2rem;position:relative;transition:background .35s ease,transform .35s ease,box-shadow .4s ease;width:100%}.platform-button,.platform-button span{align-items:center;display:inline-flex;gap:.55rem}.platform-button img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:20px;width:20px}.platform-button.spotify-button{background:linear-gradient(135deg,#1db954,#17a446)}.platform-button.youtube-button{background:linear-gradient(135deg,red,#c00)}.platform-button.soundcloud-button{background:linear-gradient(135deg,#f50,#e34400)}.platform-button:hover:not(:disabled){box-shadow:0 10px 28px -10px #00000073,0 6px 18px -6px #00000040;transform:translateY(-4px)}.platform-button:active:not(:disabled){transform:translateY(-1px)}.platform-button:disabled{cursor:not-allowed;opacity:.55}.platform-button:focus-visible{outline:3px solid #ffffffb3;outline-offset:2px}.spinner{animation:spin .75s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.login-help{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.help-section,.security-info{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:linear-gradient(145deg,#ffffffe6,#fff9);border:1px solid #fff6;border-radius:24px;box-shadow:0 6px 26px -8px #00000026,0 2px 8px #00000014;overflow:hidden;padding:2rem 1.75rem;position:relative}.theme-dark .help-section,.theme-dark .security-info,body.theme-dark .help-section,body.theme-dark .security-info{background:linear-gradient(160deg,#282828d9,#1c1c1c8c);border:1px solid #ffffff0f}.help-section:before,.security-info:before{background:radial-gradient(circle at 75% 15%,#fff6,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .8s ease}.help-section:hover:before,.security-info:hover:before{opacity:1}.help-section h3,.security-info h3{font-size:1.35rem;letter-spacing:-.5px;margin-bottom:1.2rem}.help-steps{display:flex;flex-direction:column;gap:1.25rem}.help-step{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:linear-gradient(135deg,var(--spotify-color),var(--soundcloud-color));border-radius:14px;box-shadow:0 4px 14px -4px #0006;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:44px;justify-content:center;width:44px}.step-content h4{font-size:1rem;margin:0 0 .4rem}.step-content p{font-size:.8rem;line-height:1.35;opacity:.85}.security-info ul{display:flex;flex-direction:column;gap:.7rem}.security-info li{font-size:.82rem;line-height:1.3;padding-left:1.4rem;position:relative}.security-info li:before{color:var(--spotify-color);content:"✔";font-size:.8rem;left:0;position:absolute;top:0}@media (max-width:900px){.platform-card{padding:1.4rem 1.2rem 1.6rem}.platform-logo{height:58px;width:58px}}@media (max-width:640px){.login-container{padding-top:1.5rem}.login-header{margin-bottom:2.2rem}.platform-cards{gap:1.4rem}.help-section,.security-info{padding:1.6rem 1.3rem}.step-number{height:40px;width:40px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000012}::-webkit-scrollbar-thumb{background:linear-gradient(var(--spotify-color),var(--soundcloud-color));border-radius:20px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.1)}.dashboard-container{animation:fadeIn .4s ease-in-out;margin:0 auto;max-width:1300px;padding:4rem 1.5rem 3rem}.dashboard-container h1{background:linear-gradient(90deg,var(--spotify-color),var(--soundcloud-color));-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:2.6rem;font-weight:800;letter-spacing:-1px;margin-bottom:2rem}.connected-accounts{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:4rem;padding:2rem}body.theme-dark .connected-accounts{background:#1e1e1ecc;border:1px solid #ffffff0d}.connected-accounts h2{font-size:1.8rem;margin-bottom:2rem;padding-bottom:.75rem;position:relative}.connected-accounts h2:after{background:var(--spotify-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.accounts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.account-card{align-items:center;background:var(--card-bg-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1)}body.theme-dark .account-card{background:var(--card-bg-dark)}.account-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.account-card img{border-radius:16px;height:80px;margin-bottom:1.5rem;object-fit:contain;transition:transform .3s ease;width:80px}.account-card:hover img{transform:scale(1.1)}.account-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.account-card p{color:var(--text-muted);font-weight:500;margin-bottom:1.5rem}.account-card.connected{border-top:4px solid var(--spotify-color)}.account-card.connected:nth-child(2){border-top:4px solid var(--youtube-color)}.account-card.connected:nth-child(3){border-top:4px solid var(--soundcloud-color)}.account-card.disconnected{border-top:4px solid var(--text-muted);opacity:.85}.connect-button{background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:50px;box-shadow:0 4px 10px #1db95433;font-weight:600;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.connect-button:hover{box-shadow:0 6px 15px #1db9544d;color:#fff;transform:translateY(-3px)}.quick-actions{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-top:3rem;padding:2rem}body.theme-dark .quick-actions{background:#1e1e1ecc;border:1px solid #ffffff0d}.quick-actions h2{font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.quick-actions h2:after{background:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.actions-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1.5rem}.action-card{align-items:center;background-color:var(--card-bg-light);border:1px solid #0000000f;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);color:inherit;cursor:pointer;display:flex;overflow:hidden;padding:1.8rem;position:relative;text-decoration:none;transition:all .3s ease}body.theme-dark .action-card{background-color:var(--card-bg-dark);border:1px solid #ffffff0f}.action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.action-icon{align-items:center;background:#1db9541a;border-radius:12px;color:var(--primary-color);display:flex;height:50px;justify-content:center;margin-right:1.5rem;min-width:50px;transition:all .3s ease;width:50px}.action-icon svg{height:26px;width:26px}.action-content{flex:1 1}.action-card h3{font-size:1.25rem;margin-bottom:.5rem}.action-card p{color:var(--text-muted);font-size:.95rem;margin:0}.action-arrow{color:var(--primary-color);margin-left:1rem;opacity:.7;transition:all .3s ease}.action-arrow svg{height:20px;width:20px}.action-card:hover .action-arrow{opacity:1;transform:translateX(3px)}.action-badge{background:#6c757d26;border-radius:20px;color:var(--text-muted);font-size:.75rem;font-weight:500;padding:.25rem .6rem;position:absolute;right:1rem;top:1rem}.action-card.start-transfer{background:linear-gradient(135deg,var(--spotify-color),var(--spotify-dark));color:#fff}.action-card.start-transfer .action-icon{background:#fff3;color:#fff}.action-card.start-transfer p{color:#fffc}.action-card.start-transfer .action-arrow{color:#fff}.action-card.view-history .action-icon{background:#ffc1071a;color:#ffc107}.action-card.settings .action-icon{background:#0d6efd1a;color:#0d6efd}.action-card.logout .action-icon{background:#dc35451a;color:#dc3545}.dashboard-footer{border-top:1px solid #0000000d;margin-top:3rem;padding:2rem 0;text-align:center}body.theme-dark .dashboard-footer{border-top:1px solid #ffffff0d}.text-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s ease}.text-link:hover{text-decoration:underline}.selection-container{margin:0 auto;max-width:900px;padding:2rem 1rem;text-align:center}.selection-container h1{margin-bottom:1rem}.selection-container p{color:#4a4a4a;color:var(--text-secondary,#4a4a4a);margin-bottom:3rem}.platform-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:3rem}.platform-option{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow,0 4px 8px #0000001a);cursor:pointer;padding:2rem 1rem;text-align:center;transition:transform .3s,box-shadow .3s}.platform-option:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.platform-option img{height:80px;margin-bottom:1.5rem;object-fit:contain;width:80px}.platform-option h2{margin-bottom:.5rem}.platform-option.spotify:hover{background-color:#1db9541a}.platform-option.youtube:hover{background-color:#ff00001a}.platform-option.soundcloud:hover{background-color:#ff55001a}.no-accounts{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow,0 4px 8px #0000001a);margin:3rem 0;padding:2rem;text-align:center}.connect-button{background-color:#1db954;background-color:var(--primary-color,#1db954);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-top:1rem;padding:.8rem 2rem;transition:background-color .3s}.connect-button:hover{background-color:#18a046}.navigation-buttons{display:flex;justify-content:center;margin-top:3rem}.warning-message{background-color:#fff3cd;border-radius:8px;border-radius:var(--border-radius,8px);color:#856404;margin:0 auto;max-width:500px;padding:1rem}.playlist-selection-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.playlist-selection-header{margin-bottom:3rem;text-align:center}.playlist-selection-header h1{margin-bottom:1rem}.playlist-selection-header p{color:#4a4a4a;color:var(--text-secondary,#4a4a4a);margin:0 auto;max-width:600px}.platform-info{align-items:center;display:flex;margin-bottom:2rem}.platform-info img{height:50px;margin-right:1rem;object-fit:contain;width:50px}.platform-info h2{margin:0}.playlist-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:3rem}.playlist-card{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow,0 4px 8px #0000001a);cursor:pointer;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.playlist-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.playlist-card.selected{outline:3px solid #1db954;outline:3px solid var(--primary-color,#1db954)}.playlist-image{height:160px;object-fit:cover;width:100%}.playlist-details{padding:1rem}.playlist-name{font-size:1.1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-info{color:#4a4a4a;color:var(--text-secondary,#4a4a4a);display:flex;font-size:.9rem;justify-content:space-between}.selection-checkbox{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.selection-checkbox.selected{background-color:#1db954;background-color:var(--primary-color,#1db954);color:#fff}.playlist-actions{display:flex;justify-content:space-between;margin-top:3rem}.back-button{background-color:#333;background-color:var(--medium-color,#333);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 2rem;transition:background-color .3s}.back-button:hover{background-color:#444}.continue-button{background-color:#1db954;background-color:var(--primary-color,#1db954);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 2rem;transition:background-color .3s}.continue-button:hover{background-color:#18a046}.continue-button:disabled{background-color:#ccc;cursor:not-allowed}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#1db954;border-top:5px solid var(--primary-color,#1db954);height:50px;margin-bottom:1rem;width:50px}.no-playlists{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow,0 4px 8px #0000001a);padding:2rem;text-align:center}.transfer-complete-container{margin:0 auto;max-width:800px;padding:2rem 1rem;text-align:center}.success-icon{color:#4caf50;color:var(--success-color,#4caf50);font-size:4rem;margin-bottom:1.5rem}.transfer-complete-container h1{margin-bottom:1rem}.transfer-complete-container p{color:#4a4a4a;color:var(--text-secondary,#4a4a4a);margin-bottom:2rem}.transfer-summary{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow,0 4px 8px #0000001a);margin-bottom:2rem;padding:2rem}.platform-details{justify-content:center;margin-bottom:1.5rem}.platform,.platform-details{align-items:center;display:flex}.platform{flex-direction:column;margin:0 2rem}.platform img{height:60px;margin-bottom:.5rem;object-fit:contain;width:60px}.transfer-arrow{font-size:2rem;margin:0 1rem}.stats-container{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.stat-box{background-color:#f8f9fa;background-color:var(--background,#f8f9fa);border-radius:8px;border-radius:var(--border-radius,8px);min-width:150px;padding:1.5rem}.stat-number{color:#1db954;color:var(--primary-color,#1db954);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#4a4a4a;color:var(--text-secondary,#4a4a4a)}.playlist-link{background-color:#1db954;background-color:var(--primary-color,#1db954);border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin:1rem 0 2rem;padding:.8rem 2rem;text-decoration:none;transition:background-color .3s}.playlist-link:hover{background-color:#18a046}.action-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.home-button,.new-transfer-button{border-radius:4px;cursor:pointer;font-weight:700;padding:.8rem 2rem;transition:background-color .3s}.home-button{background-color:#333;background-color:var(--medium-color,#333);border:none;color:#fff}.home-button:hover{background-color:#444}.new-transfer-button{background-color:#1db954;background-color:var(--primary-color,#1db954);border:none;color:#fff}.new-transfer-button:hover{background-color:#18a046}.share-section{margin-top:3rem}.share-section h3{margin-bottom:1rem}.share-buttons{gap:1rem}.share-button,.share-buttons{display:flex;justify-content:center}.share-button{align-items:center;background-color:#333;background-color:var(--medium-color,#333);border-radius:50%;color:#fff;cursor:pointer;height:40px;transition:background-color .3s,transform .3s;width:40px}.share-button:hover{transform:scale(1.1)}.twitter{background-color:#1da1f2}.facebook{background-color:#1877f2}.linkedin{background-color:#0077b5}.whatsapp{background-color:#25d366}.transfer-error{background-color:#ffebee;color:#d32f2f}.partial-success,.transfer-error{border-radius:8px;border-radius:var(--border-radius,8px);margin-bottom:2rem;padding:1rem}.partial-success{background-color:#fff8e1;color:#f57f17}.failed-tracks{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;border-radius:var(--border-radius,8px);margin-top:1.5rem;max-height:200px;overflow-y:auto;padding:1rem;text-align:left}.failed-tracks h4{margin-bottom:.5rem}.failed-track-item{border-bottom:1px solid #eee;padding:.5rem 0}.failed-track-item:last-child{border-bottom:none}.feedback-form{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow,0 4px 8px #0000001a);margin-top:3rem;padding:1.5rem}.feedback-form h3{margin-bottom:1rem}.rating-stars{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.star{color:#ddd;cursor:pointer;font-size:1.5rem;transition:color .3s}.star.active{color:#ffc107}.feedback-textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:1rem;min-height:100px;padding:.8rem;resize:vertical;width:100%}.submit-feedback{background-color:#1db954;background-color:var(--primary-color,#1db954);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 2rem;transition:background-color .3s}.submit-feedback:hover{background-color:#18a046}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#191414f2;border-bottom:1px solid #ffffff0d;box-shadow:0 1px 10px #00000040;color:var(--light-color);height:var(--header-height);justify-content:space-between;left:0;padding:.8rem 1.5rem;position:fixed;right:0;top:0;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.logo{-webkit-text-fill-color:#0000;animation:gradientText 6s ease infinite;background:linear-gradient(90deg,var(--spotify-light),var(--soundcloud-color),var(--youtube-color));-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--light-color);font-size:1.4rem;font-weight:800;letter-spacing:-.5px;padding:.2rem 0;position:relative;text-decoration:none}@keyframes gradientText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo:after{background:linear-gradient(90deg,var(--spotify-light),var(--soundcloud-color),var(--youtube-color));bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.logo:hover:after{transform:scaleX(1)}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:var(--border-radius);color:var(--light-color);font-weight:500;opacity:.9;padding:.5rem .8rem;position:relative;text-decoration:none;transition:all .3s}.nav-link:after{background:var(--spotify-light);bottom:0;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.nav-link:hover{color:var(--spotify-light);opacity:1}.nav-link:hover:after{left:0;width:100%}.logout-button{background:none;border:1px solid #fff3;border-radius:var(--border-radius);color:var(--light-color);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s}.logout-button:hover{background-color:#ffffff1a;border-color:#ffffff4d;color:var(--light-color)}.footer{background-color:var(--secondary-dark);border-top:1px solid #ffffff0d;color:var(--light-color);margin-top:auto;overflow:hidden;padding:4rem 1.5rem 2rem;position:relative}.footer:before{background:linear-gradient(90deg,var(--spotify-color),var(--soundcloud-color),var(--youtube-color));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:var(--container-width);position:relative}.footer-section h3{color:#ffffffe6;display:inline-block;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;position:relative}.footer-section h3:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:30px}.footer-section p{color:#fff9;line-height:1.6;margin-bottom:1.5rem;max-width:90%}.links-list,.platform-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;padding:0}.links-list li,.platform-list li{align-items:center;color:#fff9;display:flex;transition:all .3s ease}.platform-list li:before{color:var(--primary-color);content:"•";font-weight:700;margin-right:10px}.links-list a{color:#fff9;padding-left:22px;position:relative;text-decoration:none;transition:all .3s ease}.links-list a:before{content:"→";left:0;position:absolute;transition:transform .3s ease}.links-list a:hover{color:var(--primary-color)}.links-list a:hover:before{transform:translateX(3px)}.footer-bottom{border-top:1px solid #ffffff14;margin:0 auto;max-width:var(--container-width);padding-top:2rem;text-align:center}.footer-bottom p{color:#fff6;font-size:.9rem}.settings-container{bottom:20px;position:fixed;right:20px;z-index:1000}.settings-toggle{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:transform .3s;width:48px}.settings-toggle:hover{transform:rotate(30deg)}.settings-panel{background-color:var(--surface);border-radius:var(--border-radius);bottom:60px;box-shadow:0 5px 15px #0000004d;color:var(--text);overflow:hidden;position:absolute;right:0;width:300px}.settings-header{align-items:center;background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:15px}.settings-header h3{margin:0}.close-settings{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.settings-content{padding:15px}.settings-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.settings-select{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px;width:150px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:var(--primary-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(26px)}.spotify-callback-container{align-items:center;background:linear-gradient(135deg,#191414f2,#121212e6);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.spotify-callback-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:500px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;width:100%}.spotify-callback-card:before{animation:loading 2s infinite;background:linear-gradient(90deg,var(--spotify-color),#0000,var(--spotify-color));content:"";height:4px;left:-50%;position:absolute;top:0;width:200%}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.callback-logo{animation:pulse 2s infinite;filter:drop-shadow(0 4px 8px rgba(29,185,84,.3));height:80px;margin:0 auto 2rem;width:80px}@keyframes pulse{0%{filter:drop-shadow(0 4px 8px rgba(29,185,84,.3));transform:scale(1)}50%{filter:drop-shadow(0 4px 12px rgba(29,185,84,.5));transform:scale(1.05)}to{filter:drop-shadow(0 4px 8px rgba(29,185,84,.3));transform:scale(1)}}.callback-title{color:var(--spotify-color);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.callback-message{font-size:1.1rem;line-height:1.5;margin-bottom:2rem;opacity:.9}.status-success{color:var(--spotify-color);font-weight:500}.status-error{color:#ff5252;font-weight:500}.status-processing{color:#ffb74d;font-weight:500}.callback-loader{display:inline-block;height:60px;margin:1rem auto;width:60px}.callback-loader-circle{animation:spin 1.5s linear infinite;border:5px solid #ffffff1a;border-radius:50%;border-top:5px solid var(--spotify-color);height:100%;width:100%}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin:2rem 0;overflow:hidden;width:100%}.progress-bar-fill{animation:progress 2s ease-in-out infinite;background:var(--spotify-color);height:100%;width:0}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.callback-info{font-size:.9rem;margin-top:1.5rem;opacity:.7}.redirect-message{font-style:italic;font-weight:500;margin-top:2rem;opacity:.8}.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wave-background{bottom:0;height:50px;left:0;opacity:.1;position:absolute;transform:rotate(180deg);width:100%}.wave-path{fill:var(--spotify-color)}:root{--spotify-dark:#1aa34a;--spotify-darker:#158f3e;--spotify-light:#1ed760;--spotify-lighter:#3edc73;--soundcloud-color:#f30;--soundcloud-dark:#e02e00;--soundcloud-darker:#cc2900;--soundcloud-light:#ff4d1a;--soundcloud-lighter:#f63;--youtube-dark:#e00000;--youtube-darker:#c00;--youtube-light:#ff1a1a;--youtube-lighter:#f33;--primary-dark:#1aa34a;--primary-darker:#158f3e;--primary-light:#1ed760;--primary-lighter:#3edc73;--secondary-color:#191414;--secondary-light:#2c2c2c;--secondary-lighter:#3d3d3d;--secondary-dark:#121212;--secondary-darker:#0a0a0a;--dark-color:#191414;--light-color:#fff;--text-color:#333;--text-color-dark:#e1e1e1;--text-muted:#6c757d;--text-muted-dark:#9e9e9e;--background-light:#f8f9fa;--background-dark:#121212;--card-bg-light:#fff;--card-bg-dark:#1e1e1e;--border-radius-sm:4px;--border-radius-lg:12px;--border-radius-xl:20px;--shadow-sm:0 2px 4px #00000014;--shadow:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0000002e;--transition-fast:all 0.2s ease;--transition:all 0.3s ease;--transition-slow:all 0.5s ease;--container-width:1200px;--header-height:60px}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--background-light);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;overflow-x:hidden}body.theme-dark{background-color:#121212;background-color:var(--background-dark);color:#e1e1e1;color:var(--text-color-dark)}a{transition:all .3s ease;transition:var(--transition)}a:hover{color:#1db954;color:var(--primary-color)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1rem}img{height:auto;max-width:100%}.btn,button{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;transition:all .3s ease;transition:var(--transition)}input,select,textarea{border:1px solid #ddd;border-radius:4px;border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#1db954;border-color:var(--primary-color);box-shadow:0 0 0 3px #1db95433;outline:none}.app{position:relative}.container{max-width:var(--container-width);padding:0 1.5rem;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -1rem}.col{flex:1 0;padding:0 1rem}.btn{background-color:#1db954;background-color:var(--primary-color);border-radius:8px;border-radius:var(--border-radius);color:#fff;display:inline-block;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn:hover{background-color:#1aa34a;background-color:var(--primary-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow);color:#fff;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d;background-color:var(--text-muted)}.btn-secondary:hover{background-color:#333;background-color:var(--text-color)}.btn-outline{background-color:initial;border:2px solid #1db954;border:2px solid var(--primary-color);color:#1db954;color:var(--primary-color)}.btn-outline:hover{background-color:#1db954;background-color:var(--primary-color);color:#fff}.card{background:#fff;background:var(--card-bg-light);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #00000014;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow)}body.theme-dark .card{background:#1e1e1e;background:var(--card-bg-dark)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pt-5{padding-top:3rem}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pb-5{padding-bottom:3rem}.offline-banner{align-items:center;animation:slideUp .5s forwards;background-color:#f8d7da;bottom:0;box-shadow:0 2px 10px #0000001a;color:#721c24;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;z-index:1000}.offline-icon{margin-right:5px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.main-content{padding-top:80px}.offline-banner{background-color:#ff9800;color:#fff;font-size:14px;left:0;padding:10px;position:fixed;right:0;text-align:center;top:60px;z-index:999}:root{--primary-color:#1db954;--secondary-color:#f50;--tertiary-color:red;--dark-color:#121212;--light-color:#f5f5f5;--medium-color:#333;--spotify-color:#1db954;--soundcloud-color:#f50;--youtube-color:red;--shadow:0 4px 8px #0000001a;--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;background-color:var(--light-color);color:#121212;color:var(--dark-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style:none}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}
/*# sourceMappingURL=main.9cc2320c.css.map*/