@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap";body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Montserrat,sans-serif;height:100vh;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:25px 40px;background:transparent;position:absolute;top:0;left:0;width:100%;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:12px}.spotify-logo{width:40px;height:40px}.app-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem}.center-image{width:280px;height:280px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.login-btn{margin-top:10px;background-color:#1db954;color:#000;text-decoration:none;padding:.9rem 2.5rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease}.login-btn:hover{background-color:#1ed760}.logout-btn{background-color:#f44336;color:#000;border:none;border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background-color:#d32f2f}.playlist-creator{display:flex;flex-direction:column;width:100%;max-width:500px;gap:1rem;text-align:left}.playlist-creator p{color:#b3b3b3;font-size:.9rem;text-align:center;margin:0}.playlist-creator p:nth-of-type(2){font-size:.8rem;margin-top:-10px}textarea{background-color:#222;border:1px solid #444;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;padding:14px;resize:vertical;min-height:80px}textarea:focus{outline:none;border-color:#1db954;box-shadow:0 0 10px #1ed76080}.create-btn{background-color:#1db954;color:#000;text-decoration:none;padding:.9rem 2.5rem;border-radius:50px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;text-align:center}.create-btn:hover{background-color:#1ed760}.create-btn:disabled{background-color:#535353;color:#a7a7a7;transform:none;cursor:not-allowed}.error-message{background-color:#f44336;color:#fff;border-radius:8px;padding:10px 15px;font-size:.9em;text-align:left}.success-message{background-color:#282828;border:1px solid #333;border-radius:8px;padding:15px;font-size:.9em;text-align:left}.success-message p{color:#fff;font-size:1em;text-align:left;margin:0 0 10px}.success-message a{color:#1db954;font-weight:700;text-decoration:none}.success-message a:hover{text-decoration:underline}.bottom-gif{position:absolute;bottom:20px;left:20px;width:fit-content;height:200px;object-fit:cover;opacity:.8;pointer-events:none}