*{box-sizing:border-box}body{color:#18181b;background:#f4f4f5;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;display:flex}h1{margin:0 0 1rem;font-size:1.25rem}.login-form{background:#fff;border:1px solid #e4e4e7;border-radius:8px;flex-direction:column;gap:.75rem;width:100%;max-width:320px;padding:2rem;display:flex}.login-form label{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.login-form input,.login-form textarea,.login-form select{border:1px solid #d4d4d8;border-radius:4px;padding:.5rem;font-family:inherit;font-size:1rem}.login-form .checkbox-label{flex-direction:row;align-items:center;gap:.5rem}.login-form .track-list{flex-direction:column;gap:.4rem;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.login-form .track-list .checkbox-label{justify-content:space-between}.login-form .badge{color:#fff;background:#18181b;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.login-form button{color:#fff;cursor:pointer;background:#18181b;border:none;border-radius:4px;padding:.6rem;font-size:1rem}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-form .error{color:#b91c1c;margin:0;font-size:.875rem}.login-form .success{color:#15803d;margin:0;font-size:.875rem}