.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#121212}.login-box{background-color:#282828;padding:4rem 5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px #0000004d}.login-box .logo{width:120px;margin-bottom:2rem}.login-box h2{color:#fff;font-size:1.5rem;font-weight:600;text-align:center;margin:0;margin-bottom:1.5rem}.spotify-button{background-color:#1db954;color:#fff;font-weight:700;padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:500px;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;gap:.75rem}.spotify-button:hover{transform:scale(1.05);background-color:#1ed760}.spotify-icon{height:24px}.playlist-container{display:flex;height:100vh;width:100vw;background-color:#000;color:#b3b3b3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.sidebar{width:350px;background-color:#121212;display:flex;flex-direction:column;padding:8px;gap:8px}.sidebar-header{background-color:#1a1a1a;padding:1rem 1.5rem;border-radius:8px}.sidebar h2{font-size:1.2rem;color:#fff}.playlist-list{background-color:#1a1a1a;border-radius:8px;list-style:none;padding:8px;margin:0;flex-grow:1;overflow-y:auto}.playlist-list::-webkit-scrollbar{width:8px}.playlist-list::-webkit-scrollbar-track{background:transparent}.playlist-list::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.playlist-item{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s ease-in-out}.playlist-item:hover,.playlist-item.selected{background-color:#2a2a2a}.playlist-item-image{width:50px;height:50px;margin-right:16px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.playlist-item-info{display:flex;flex-direction:column}.playlist-item-title{color:#fff;font-weight:500}.playlist-item.selected .playlist-item-title{color:#1db954}.playlist-item-owner{font-size:.8rem;color:#b3b3b3}.main-content{flex-grow:1;padding:2rem 3rem;background:linear-gradient(180deg,#222,#121212 40%);overflow-y:auto}.main-content-header{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:2rem}.main-content-cover-art{width:230px;height:230px;border-radius:8px;box-shadow:0 8px 24px #00000080}.main-content-text .playlist-type{font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.main-content-text h1{font-size:5rem;color:#fff;margin:0;line-height:1.1}.main-content-text p{opacity:.7;margin-top:1rem}.logout-button{background-color:#1a1a1a;border:1px solid #2a2a2a;color:#b3b3b3;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#2a2a2a}.criteria-view-container{color:#b3b3b3;background-color:#1a1a1ab3;padding:2rem;border-radius:8px;margin-top:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.criteria-header{text-align:left;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.criteria-header h2{font-size:1.5rem;margin:0;color:#fff}.criteria-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem;transition:opacity .3s ease}.form-group-header{display:flex;align-items:center;gap:10px}.form-group-header label{cursor:pointer;font-weight:700;color:#fff}input[type=checkbox]{width:18px;height:18px;accent-color:#1DB954;cursor:pointer}.criteria-form input[type=text]{background-color:#ffffff1a;border:1px solid transparent;color:#fff;padding:12px;border-radius:5px;font-size:.9rem;transition:border-color .2s,background-color .2s}.criteria-form input[type=text]:focus{background-color:#333;border-color:#fff;outline:none}.button-grid{display:flex;flex-wrap:wrap;gap:10px}.option-button{background-color:#ffffff1a;color:#fff;border:1px solid transparent;border-radius:500px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.option-button:not(:disabled):hover{border-color:#fff}.option-button.selected{background-color:#fff;color:#000;font-weight:700}.range-slider{display:flex;align-items:center;gap:1rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#535353;border-radius:5px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;cursor:pointer;border-radius:50%}input[type=range]:hover{background:#1db954}.form-group.disabled{opacity:.4}.form-group.disabled input,.form-group.disabled button{pointer-events:none}.confirm-button{background-color:#1db954;color:#000;padding:15px 30px;border:none;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease;align-self:center;margin-top:1rem;width:50%}.confirm-button:hover{transform:scale(1.05)}.result-container{padding:2rem 3rem;background:linear-gradient(180deg,#222,#121212 40%);color:#b3b3b3;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.result-header{text-align:center;margin-bottom:3rem}.result-header h1{font-size:3rem;color:#fff;margin:0}.ai-analysis-section,.reasoning-section,.playlist-section{margin-bottom:3rem}.ai-analysis-section h2,.reasoning-section h2,.playlist-section h2{font-size:1.8rem;color:#fff;margin-bottom:1.5rem}.analysis-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}.analysis-card,.reasoning-card{background-color:#1a1a1a;padding:1.5rem 2rem;border-radius:8px;border:1px solid #2a2a2a}.analysis-card h3{font-size:1.2rem;color:#fff;margin-top:0;margin-bottom:1rem}.analysis-card p,.reasoning-card{font-size:1rem;line-height:1.7;color:#dcdcdc}.reasoning-card strong{color:#1db954}.track-list{border-radius:8px;padding:1rem;background-color:#1a1a1a80}.track-item{display:grid;grid-template-columns:30px 50px 1fr;align-items:center;gap:1rem;padding:.75rem;border-radius:6px;transition:background-color .2s ease}.track-item:hover{background-color:#2a2a2a}.track-number{justify-self:center}.track-item img{width:50px;height:50px;border-radius:4px}.track-info{display:flex;flex-direction:column}.track-title{color:#fff;font-weight:500}.track-artist{font-size:.9rem}.actions-section{text-align:center;padding-bottom:2rem}.save-button,.restart-button{border:none;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease;margin:0 .5rem}.save-button{background-color:#1db954;color:#000;padding:15px 30px}.restart-button{background-color:transparent;color:#fff;border:1px solid #555;padding:14px 29px}.save-button:hover,.restart-button:hover{transform:scale(1.05)}.save-status{margin-top:1rem;color:#1db954}.result-container.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.fixed{position:fixed}.flex{display:flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}body{color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.Login-box{text-align:center;background-color:#121212;border-radius:1rem;width:100%;max-width:400px;padding:2rem;box-shadow:0 0 20px #0009}.Login-box h1{margin-bottom:1.5rem;font-size:2rem;font-weight:700}.Login-box input{color:#fff;background-color:#2a2a2a;border:none;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.75rem;font-size:1rem}.Login-box input::-moz-placeholder{color:#999}.Login-box input::placeholder{color:#999}.Login-box button{color:#000;cursor:pointer;background-color:#1db954;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-weight:700;transition:background-color .2s}.Login-box button:hover{background-color:#1ed760}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}