body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121212;color:#fff;font-family:Circular,-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}*{scrollbar-color:#1db954 #282828;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#282828;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1db954,#1ed760);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1ed760,#1db954)}.App{align-items:center;background:linear-gradient(135deg,#121212,#282828);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}body{font-family:Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif}.landing{align-items:center;background:linear-gradient(135deg,#1db954,#191414);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.landing:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#1db9541a 0,#0000 70%);content:"";height:200%;position:absolute;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.landing button{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 8px 24px #1db95466;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.5px;padding:18px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.landing button:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 12px 32px #1db95499;transform:translateY(-2px) scale(1.05)}.nav-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191414fa;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:row;height:70px;justify-content:flex-start;position:fixed;top:0;width:100%;z-index:1000}.nav-link{font-size:16px;font-weight:600;text-decoration:none}.nav-button{align-items:center;border:none;border-radius:8px;color:#b3b3b3;cursor:pointer;display:flex;justify-content:center;margin:1.5rem;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-button:after{background:#1db954;border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-button:hover{background:#1db9541a;color:#fff}.nav-button:hover:after{width:80%}.nav-button p{letter-spacing:.5px;margin:1vw}.home{background:linear-gradient(180deg,#121212,#282828);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.home h3{color:#b3b3b3;font-weight:500}.home-content{align-items:center;color:#fff;display:flex;flex-direction:row;gap:2rem;padding:5rem}.home-title{width:1500px}.description{display:flex;flex-direction:column;margin-top:1rem}.description-item{align-items:center;display:flex;flex-direction:flex-start;gap:1rem;margin-top:1rem}.description-icon{height:2rem;width:2rem}#compilation-icon{margin-left:.25rem;margin-right:.25rem}.player{width:100%}.player iframe{border-radius:12px;box-shadow:0 8px 32px #0006;height:232px;transition:all .3s ease;width:100%}.player iframe:hover{box-shadow:0 12px 40px #00000080;transform:translateY(-4px)}.carousel-container{display:flex;flex-direction:column;width:100%}#top-carousel{border-radius:80px;position:fixed;top:60px}#bottom-carousel{bottom:0;position:fixed}.image-carousel{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#1db954,#1ed760 50%,#1db954);background-size:200% 100%;border-radius:80px;box-shadow:0 4px 20px #1db9544d;display:flex;flex-wrap:wrap;padding:.5rem}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.carousel-container .image-carousel{transform:translateX(5%)}.carousel-container[data-animated=true] .image-carousel{animation:scroll 120s linear infinite forwards;animation:scroll var(--_animation-duration,120s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap;width:-webkit-max-content;width:max-content}.carousel-container[data-direction=left]{--_animation-direction:forwards}.carousel-container[data-speed=slow]{--_animation-duration:60s}@keyframes scroll{to{transform:translate(-100%)}}.compilation-poster{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:row;height:100%;width:100%}.compilation-poster-left{align-items:left;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:4px 0 20px #0003;display:flex;flex-direction:column;height:100%;width:50%}.compilation-poster-left h1{margin-left:2rem;margin-right:2rem;margin-top:10rem}.question-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0003;height:56%;margin-left:2rem;margin-right:2rem;margin-top:2rem;overflow-y:scroll}.question-container::-webkit-scrollbar{width:10px}.question-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.question-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.question-container::-webkit-scrollbar-thumb:hover{background:#555}.question-container div{display:flex;flex-direction:column;margin:1rem}.question-container h3{color:#191414;font-weight:600}.question-container label{color:#333;cursor:pointer;font-weight:500;margin:.3rem 0;transition:color .2s ease}.question-container label:hover{color:#1db954}.question-container input{margin:.5rem}#caption-selection,#dimension-selection,#quantity-selection{-webkit-appearance:none;appearance:none;height:10px;outline:none;transition:opacity .2s}#caption-selection::-webkit-slider-thumb,#dimension-selection::-webkit-slider-thumb,#quantity-selection::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;height:25px;width:25px}#caption-selection::-moz-range-thumb,#dimension-selection::-moz-range-thumb,#quantity-selection::-moz-range-thumb{cursor:pointer;height:25px;width:25px}#quantity-selection{background:#aeddae}#quantity-selection::-webkit-slider-thumb{background:#1db954}#dimension-selection{background:#99abd2}#dimension-selection::-webkit-slider-thumb{background:#143f9d}#caption-selection{background:#f0d9b5}#caption-selection::-webkit-slider-thumb{background:#d9b514}.compilation-poster-left button{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 6px 24px #1db95466;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:inherit;font-size:16px;font-weight:700;justify-content:center;margin-top:2rem;padding:18px 36px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.compilation-poster-left button:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 10px 32px #1db95499;transform:translateY(-2px)}.compilation-poster-right{align-items:left;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100%;width:50%}.compilation-poster-right h1{margin-left:2rem;margin-right:2rem;margin-top:10rem}.tracklist-poster{background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;flex-direction:row;height:100%;width:100%}.tracklist-poster-left{align-items:left;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:4px 0 20px #0003;display:flex;flex-direction:column;height:100%;width:50%}.tracklist-poster-left h1{margin-left:2rem;margin-right:2rem;margin-top:10rem}.tracklist-poster-left input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;font-size:16px;margin-left:2rem;margin-right:2rem;margin-top:2rem;padding:1rem;transition:all .3s ease}.tracklist-poster-left input:focus{border-color:#1db954;box-shadow:0 0 0 3px #1db95433;outline:none;transform:translateY(-2px)}.buttons-container{display:flex;flex-direction:row;justify-content:space-around;margin-left:2rem;margin-right:2rem}.tracklist-poster-left button{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 6px 24px #1db95466;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;margin-bottom:2rem;margin-top:2rem;padding:18px 36px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.tracklist-poster-left button:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 10px 32px #1db95499;transform:translateY(-2px)}.tracklist-poster-right{align-items:left;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;flex-direction:column;height:100%;width:50%}.tracklist-poster-right h1{margin-left:2rem;margin-right:2rem;margin-top:10rem}.poster-results{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;line-height:1;margin-left:2rem;margin-right:2rem;margin-top:2rem;overflow-x:hidden;overflow-y:auto}.poster-results::-webkit-scrollbar{width:10px}.poster-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.poster-results::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.poster-results::-webkit-scrollbar-thumb:hover{background:#555}.poster-result{align-items:center;border-bottom:1px solid #0000001a;cursor:pointer;display:flex;padding:8px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.poster-result p{color:#191414;font-weight:500;margin:0}.poster-result img{border-radius:6px;box-shadow:0 2px 8px #0003;height:50px;margin-right:1rem;transition:transform .3s ease;width:50px}.poster-result:hover{background:linear-gradient(90deg,#1db95426,#1ed76026);transform:translateX(4px)}.poster-result:hover p{color:#1db954}.poster-result:hover img{transform:scale(1.1)}.poster-frame{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:3px dashed #1db95466;border-radius:16px;box-shadow:0 12px 40px #00000040;display:flex;height:100%;justify-content:center;margin:2rem;padding:1rem;transition:all .3s ease}.poster-frame:hover{border-color:#1db954cc;box-shadow:0 16px 48px #0000004d}.poster-content{border:5px double #000;height:410px;padding:35px;width:300px}.poster-content img{align-items:center;display:flex;height:300px;justify-content:center;width:300px}.tracklist{display:flex;flex-direction:row}.tracks{align-items:flex-start;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:5px;height:110px;line-height:normal;overflow-y:hidden;padding-left:10px;width:185px}.tracks li{text-overflow:ellipsis}.title{flex-direction:column;line-height:1;text-align:right;text-overflow:ellipsis;width:115px}.title,.title h6{display:flex;justify-content:flex-end}.title h6{font-family:Montserrat,sans-serif;margin-bottom:0;margin-top:0}#artist{font-size:8px;margin-top:3px}#artist,#duration-date,#label{font-family:Montserrat,sans-serif;font-weight:400}#duration-date,#label{color:dimgray;font-size:6px;margin-top:0}.colors{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem}.ai-poster{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;overflow:hidden;padding:20px;position:relative;width:100%}.ai-poster:before{animation:rotate 20s linear infinite;background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-poster h1{color:#fff;font-size:2.5em;font-weight:900;margin-bottom:10px;position:relative;text-shadow:0 4px 12px #0000004d;z-index:1}.ai-poster h2{color:#fffffff2;font-size:1.2em;text-align:center}.ai-poster h2,.prompt-input{margin-bottom:20px;position:relative;z-index:1}.prompt-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 16px #0003;font-family:inherit;font-size:1rem;padding:16px 20px;transition:all .3s ease;width:50%}.prompt-input:focus{border-color:#1db954;box-shadow:0 0 0 4px #1db95433;outline:none;transform:translateY(-2px)}.generate-button{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 6px 24px #1db95466;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;font-weight:700;padding:16px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.generate-button:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 10px 32px #1db95499;transform:translateY(-2px)}.generated-image{border-radius:16px;box-shadow:0 12px 40px #0006;margin-top:20px;max-width:100%;position:relative;transition:transform .3s ease;z-index:1}.generated-image:hover{transform:scale(1.02)}.profile{background:linear-gradient(135deg,#f093fb,#f5576c);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-between;margin-top:70px;overflow:auto;padding:20px;width:100%}.profile::-webkit-scrollbar{width:10px}.profile::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.profile::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.profile::-webkit-scrollbar-thumb:hover{background:#555}.profile-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;flex:1 1;height:400px;padding:20px}.profile-title{color:#000;font-size:2em;margin-bottom:20px;text-align:center}.profile-info{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:space-between;margin-bottom:20px;width:100%}.profile-account,.profile-email,.profile-username{word-wrap:break-word;color:#000;font-size:1.2em;margin-bottom:10px;overflow-wrap:break-word;word-break:break-word}.profile-account a{color:#1db954;text-decoration:none}.profile-account a:hover{text-decoration:underline}.profile-image{border:4px solid #1db95499;border-radius:50%;box-shadow:0 8px 32px #0000004d;display:block;height:200px;transition:all .3s ease;width:200px}.profile-image:hover{border-color:#1db954;box-shadow:0 12px 40px #0006;transform:scale(1.05)}.profile-logout-button{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 6px 24px #1db95466;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:1em;font-weight:700;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.profile-logout-button:hover{background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 10px 32px #1db95499;transform:translateY(-2px)}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:40px 20px;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#1db954;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.top-content{display:flex;flex:1 1;flex-direction:row;gap:20px}.top-content p{color:#000;font-size:.75em;margin-bottom:20px}.top-content h4,.top-content li{color:#000}.profile-top-artists{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex:1 1;flex-direction:column;height:400px;justify-content:space-around;padding:20px;width:100%}.profile-top-artists h2{color:#000;text-align:center}.profile-top-tracks{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex:1 1;flex-direction:column;height:400px;justify-content:space-around;padding:20px;width:100%}.profile-top-tracks h2{color:#000;text-align:center}.profile-top-genres{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex:1 1;flex-direction:column;height:400px;justify-content:space-around;padding:20px;width:100%}.profile-top-genres h2{color:#000;text-align:center}.top-buttons{display:flex;flex-direction:row;gap:5px;justify-content:space-around}.top-buttons button{border:none;border-radius:50px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.top-buttons button:first-child{background:linear-gradient(135deg,#143f9d,#2557c4)}.top-buttons button:nth-child(2){background:linear-gradient(135deg,#5578c4,#6b8ce0)}.top-buttons button:nth-child(3){background:linear-gradient(135deg,#8baaeb,#a5c0f7)}.top-buttons button:hover{background:linear-gradient(135deg,#1db954,#1ed760);box-shadow:0 6px 16px #1db95466;transform:translateY(-2px)}.profile-top-artists h4,.profile-top-genres h4,.profile-top-tracks h4{color:#000}.posters{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:20px}.posters h2{color:#000;margin-bottom:0}.posters h5{color:red}.posters p{color:#000}.posters-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.poster-container img{border-radius:12px;box-shadow:0 8px 24px #0006;margin:10px;transition:all .3s ease;width:25%}.poster-container img:hover{box-shadow:0 12px 32px #00000080;transform:translateY(-8px) scale(1.02)}.topster-container{background:linear-gradient(135deg,#191414,#282828);color:#fff;display:flex;flex-direction:row;height:100vh;overflow:hidden;padding-top:70px;width:100%}.topster-left{align-items:flex-start;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:4px 0 20px #0003}.topster-left,.topster-right{box-sizing:border-box;display:flex;flex:0 0 50%;flex-direction:column;height:calc(100vh - 70px);overflow-x:hidden;overflow-y:auto;padding:1.5rem}.topster-right{align-items:center;background:linear-gradient(135deg,#191414,#282828);justify-content:flex-start}.topster-header{flex-shrink:0;margin-bottom:2rem;text-align:left;width:100%}.topster-header h1{word-wrap:break-word;font-size:2.5rem;margin-bottom:10px}.topster-header p{color:#000;font-size:1.1rem}.topster-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0003;box-sizing:border-box;flex-shrink:0;max-width:100%;padding:1.5rem;width:100%}.control-group{margin-bottom:1.25rem}.control-group:last-child{margin-bottom:0}.control-group label{color:#191414;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.grid-size-buttons{display:flex;flex-wrap:wrap;gap:10px}.grid-size-btn{background:#ffffff1a;border:2px solid #999;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.grid-size-btn:hover{background:#1db95433;border-color:#1db954;transform:translateY(-2px)}.grid-size-btn.active{background:#1db954;border-color:#1db954;box-shadow:0 4px 16px #1db95466}.title-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.title-input{background:#ffffff1a;border:2px solid #999;border-radius:8px;color:#000;flex:1 1;font-size:1rem;min-width:200px;padding:12px;transition:all .3s ease}.title-input:focus{background:#1db9541a;border-color:#1db954;outline:none}.checkbox-label{align-items:center;color:#000;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px}.clear-btn,.download-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.download-btn{background:#1db954;color:#fff}.download-btn:hover{background:#1ed760;box-shadow:0 6px 20px #1db95466;transform:translateY(-2px)}.clear-btn{background:#ff3b3bcc;color:#fff}.clear-btn:hover{background:#ff3b3b;box-shadow:0 6px 20px #ff3b3b66;transform:translateY(-2px)}.search-overlay{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.search-container{background:#282828;border-radius:16px;box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.search-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 25px}.search-header h3{color:#fff;font-size:1.3rem;margin:0}.close-search-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-search-btn:hover{background:#ff3b3bcc;transform:scale(1.1)}.search-input-container{border-bottom:2px solid #ffffff1a;box-sizing:border-box;padding:15px;position:relative}.search-icon{color:#b3b3b3;font-size:1.2rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:10px 10px 10px 35px;transition:all .3s ease;width:100%}.search-input:focus{background:#1db9541a;border-color:#1db954;outline:none}.search-results{flex:1 1;overflow-y:auto;padding:15px}.no-results,.search-prompt,.searching-text{color:#b3b3b3;font-size:1rem;padding:40px 20px;text-align:center}.search-result-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:15px;margin-bottom:8px;padding:12px;transition:all .3s ease}.search-result-item:hover{background:#1db95433}.result-album-cover{border-radius:4px;box-shadow:0 4px 12px #0006;height:60px;object-fit:cover;width:60px}.result-info{flex:1 1;overflow:hidden}.result-album-name{color:#fff;font-weight:600;margin-bottom:4px}.result-album-name,.result-artist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-artist-name{color:#b3b3b3;font-size:.9rem}.add-icon{color:#1db954;flex-shrink:0;font-size:1.5rem}.topster-grid-container{background:#191414;border-radius:16px;box-shadow:0 16px 48px #0009;box-sizing:border-box;max-width:580px;padding:1rem;width:100%}.topster-title{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:1rem;text-align:center}.topster-grid{grid-gap:6px;aspect-ratio:1;display:grid;gap:6px;margin:0 auto;max-width:100%;width:100%}.album-slot{aspect-ratio:1;background:#282828cc;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.album-slot.empty:hover{background:#1db95433;border:2px solid #1db954;transform:scale(1.05)}.album-cover{display:block;height:100%;object-fit:cover;width:100%}.album-overlay{align-items:center;background:#000000b3;display:flex;gap:10px;gap:var(--album-overlay-gap,10px);height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%}.album-slot:hover .album-overlay{opacity:1}.change-album-btn,.remove-album-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-size:var(--album-btn-font,1.2rem);height:40px;height:var(--album-btn-size,40px);justify-content:center;transition:all .3s ease;width:40px;width:var(--album-btn-size,40px)}.remove-album-btn:hover{background:#ff3b3be6;transform:scale(1.1)}.change-album-btn:hover{background:#1db954e6;transform:scale(1.1)}.album-info{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;left:0;opacity:1;opacity:var(--album-info-opacity,1);padding:8px;padding:var(--album-info-padding,8px);position:absolute;right:0;transition:all .3s ease}.album-slot:hover .album-info{opacity:1;padding-bottom:12px}.album-name{color:#fff;font-size:.7rem;font-size:var(--album-name-font,.7rem);font-weight:600;margin-bottom:2px}.album-name,.artist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-name{color:#b3b3b3;font-size:.65rem;font-size:var(--artist-name-font,.65rem)}.empty-slot-content{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.plus-icon{color:#1db954;font-size:2.5rem}.empty-slot-content span{font-size:.9rem;font-weight:600}@media (max-width:768px){.topster-header h1{font-size:2rem}.topster-controls{padding:20px}.grid-size-buttons{justify-content:center}.topster-grid-container{padding:20px}.topster-title{font-size:1.5rem}.album-name,.artist-name{font-size:.7rem}}.taste-profile-container{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow-y:auto;padding:40px 20px;width:100%}.taste-profile-header{color:#fff;margin-top:10%;text-align:center;z-index:1}.taste-profile-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.taste-profile-header p{color:#b3b3b3;font-size:1.1rem;margin:0;padding-bottom:10px}.taste-profile-generator{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;width:100%}.generator-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;max-width:600px;padding:60px 40px;text-align:center;width:100%}.generator-content,.generator-content h2{word-wrap:break-word;overflow-wrap:break-word}.generator-content h2{font-size:1.8rem;font-weight:700;margin:0 0 20px}.generator-content p{color:#b3b3b3;font-size:1rem;line-height:1.6;margin-bottom:30px}.error-message,.generator-content p{word-wrap:break-word;overflow-wrap:break-word}.error-message{background:#ff4d4d33;border:1px solid #ff4d4d80;border-radius:10px;color:#ff6b6b;font-size:.95rem;margin-bottom:20px;padding:15px}.generate-btn{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 8px 24px #1db95466;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 40px;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 12px 32px #1db95499;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7}.taste-profile-results{margin:20px auto;max-width:900px;width:100%}.taste-profile-poster{aspect-ratio:9/16;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:500px;overflow:hidden}.taste-profile-content{background:linear-gradient(135deg,#f5f5f5,#fff);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:40px 30px;width:100%}.poster-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.poster-emoji{font-size:3.5rem;line-height:1}.poster-title-section{flex:1 1}.poster-title{word-wrap:break-word;color:#191414;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0;overflow-wrap:break-word}.poster-subtitle{color:#666;font-size:.85rem;font-weight:500;margin:5px 0 0}.poster-description{background:#1db9541a;border-left:4px solid #1db954;border-radius:8px;margin:20px 0;padding:15px}.poster-description p{word-wrap:break-word;color:#191414;font-size:.9rem;font-weight:500;line-height:1.5;margin:0;overflow-wrap:break-word}.dimensions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:30px 0}.dimension-item{display:flex;flex-direction:column;gap:8px}.dimension-label{color:#666;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dimension-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.dimension-fill{border-radius:4px;height:100%;transition:width .6s ease}.dimension-value{color:#191414;font-size:.8rem;font-weight:600}.dimension-percentage{color:#999;font-size:.75rem;font-weight:500}.top-lists-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0}.top-list{display:flex;flex-direction:column;gap:12px}.top-list-title{border-bottom:2px solid #1db954;color:#191414;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0;padding-bottom:10px;text-transform:uppercase}.top-list-items{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.top-list-item{align-items:baseline;display:flex;font-size:.75rem;gap:8px;line-height:1.4}.item-rank{color:#1db954;font-weight:700;min-width:20px;text-align:right}.item-name{word-wrap:break-word;color:#191414;flex:1 1;font-weight:500;overflow-wrap:break-word}.item-artist{color:#666;font-weight:400}.poster-footer{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}.footer-text{color:#999;font-size:.75rem;font-weight:600;margin:0}.footer-date{color:#bbb;font-size:.7rem;margin:5px 0 0}.profile-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.action-btn{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;box-shadow:0 4px 16px #1db9544d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:10px;padding:12px 25px;transition:all .3s ease}.action-btn:hover{box-shadow:0 8px 24px #1db95466;transform:translateY(-2px)}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;box-shadow:none;color:#fff}.action-btn.secondary:hover{background:#ffffff26;box-shadow:0 4px 16px #ffffff1a}@media (max-width:768px){.taste-profile-container{padding:20px 15px}.taste-profile-header h1{font-size:2rem}.generator-content{padding:40px 25px}.taste-profile-poster{aspect-ratio:9/16;max-width:100%}.poster-content{padding:30px 20px}.poster-emoji{font-size:3rem}.poster-title{font-size:1.5rem}.dimensions-grid{gap:15px}.top-lists-container{gap:20px;grid-template-columns:1fr}.profile-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.d7374521.css.map*/